@cvrajeesh Indeed! It's one of the feature under the command menu (CMD + SHIFT + P)! We added a shortcut now to make it even easier to use!
_____
http://twitter.com/ChromeDevTools/status/1278701604305170433
_____
http://twitter.com/ChromeDevTools/status/1278701604305170433
Twitter
Chrome DevTools
@cvrajeesh Indeed! It's one of the feature under the command menu (CMD + SHIFT + P)! We added a shortcut now to make it even easier to use!
RT @mathias: π₯ Whatβs new in Puppeteer? This #webdevLIVE talk gives an overview: https://t.co/z9rF9g5fyX
_____
http://twitter.com/ChromeDevTools/status/1278727153509707777
_____
http://twitter.com/ChromeDevTools/status/1278727153509707777
YouTube
Whatβs new in Puppeteer
The Chrome team maintains Puppeteer, a Node.js library for browser automation using a simple and modern JavaScript API. This session gives an overview of rec...
Ever wanted to capture a snapshot of just a part of a web page? Thanks to @JecelynYeen we now have a context menu item in the Elements panel to do exactly that! https://t.co/284rbeMjQe
_____
http://twitter.com/ChromeDevTools/status/1278759792140574722
_____
http://twitter.com/ChromeDevTools/status/1278759792140574722
Twitter
Chrome DevTools
Ever wanted to capture a snapshot of just a part of a web page? Thanks to @JecelynYeen we now have a context menu item in the Elements panel to do exactly that! https://t.co/284rbeMjQe
@JecelynYeen Note that this was only added very recently. So far it is only available in the Canary channel.
_____
http://twitter.com/ChromeDevTools/status/1278761529639424000
_____
http://twitter.com/ChromeDevTools/status/1278761529639424000
Twitter
Chrome DevTools
@JecelynYeen Note that this was only added very recently. So far it is only available in the Canary channel.
RT @Jack_Franklin: Puppeteer v5 is out! This release contains a few small breaking changes based on previous deprecations so should be a very easy upgrade for all our users :) You can read more in the release notes (https://t.co/qtCuoZEkLe) but here's a quick summary in this π§΅...
_____
http://twitter.com/ChromeDevTools/status/1278784056243740672
_____
http://twitter.com/ChromeDevTools/status/1278784056243740672
GitHub
Release v5.0.0 Β· puppeteer/puppeteer
Breaking changes
Removal of page.emulateMedia (#6084)
This method was deprecated and is now removed from Puppeteer. Swap to page.emulateMediaType which behaves identically.
Removal of require('...
Removal of page.emulateMedia (#6084)
This method was deprecated and is now removed from Puppeteer. Swap to page.emulateMediaType which behaves identically.
Removal of require('...
TGIF! Another screenshot tips for you. β€οΈ Capture page / full page screenshot with Chrome DevTools in 1-2-3 steps. Open the device toolbar > three dots > capture! πΈ Did you know / use that? Comment & let us know. π TLDR: Feature is in since 2017 ππΌ https://t.co/br7TQAO3PB https://t.co/XmHxix082e
_____
http://twitter.com/ChromeDevTools/status/1279059823355523072
_____
http://twitter.com/ChromeDevTools/status/1279059823355523072
Google Developers
What's New In DevTools (Chrome 59) | Web | Google Developers
New features and changes coming to DevTools in Chrome 59.
RT @umaar: DevTools Tip π‘οΈ You can reveal exactly which font is being used on an inspected element Since font-family can specify fallback fonts, how do you know which one is applied? That's what the Rendered Fonts pane shows you More info: https://t.co/oe7xcy7MX4 https://t.co/9iCTFemaRN
_____
http://twitter.com/ChromeDevTools/status/1279120183034933248
_____
http://twitter.com/ChromeDevTools/status/1279120183034933248
Umaar
Understand which font is being rendered - Chrome DevTools - Dev Tips
Chrome DevTools - Reveal exactly which font is being used on the inspected element
RT @addyosmani: β€οΈ the Performance Monitor in @ChromeDevTools. Gives you a real-time view of CPU use, JS heap size, JS event listeners, style recalcs & more: https://t.co/tc6CyTya3O https://t.co/BWSi8klGkE
_____
http://twitter.com/ChromeDevTools/status/1280554784425078785
_____
http://twitter.com/ChromeDevTools/status/1280554784425078785
@frontenddude @FirefoxDevTools ππ https://t.co/uXovDkk7Cz
_____
http://twitter.com/ChromeDevTools/status/1280860114333753345
_____
http://twitter.com/ChromeDevTools/status/1280860114333753345
YouTube
Dwayne Johnson - You're Welcome (From "Moana")
Watch all Frozen 2 music videos featuring "Into the Unknown" here: https://disneymusic.co/Frozen2/Vevo?IQid=dmvevomoana
πππ
Stream Disney's Moana on Disney+.
Disney+ is the only place to stream your favorites from Disney, Pixar, Marvel, Star Wars, Nationalβ¦
πππ
Stream Disney's Moana on Disney+.
Disney+ is the only place to stream your favorites from Disney, Pixar, Marvel, Star Wars, Nationalβ¦
RT @addyosmani: Use animations? The @ChromeDevTools now has a refreshed frame rate meter. This provides better real-time estimates for page smoothness. https://t.co/1SPq45Fyxf
_____
http://twitter.com/ChromeDevTools/status/1281485642585632768
_____
http://twitter.com/ChromeDevTools/status/1281485642585632768
Twitter
Addy Osmani
Use animations? The @ChromeDevTools now has a refreshed frame rate meter. This provides better real-time estimates for page smoothness.
Did you notice that we redesign the breakpoint and logpoint in Chrome Canary? π It's much easier to differentiate them now. Comment and let us know if you like it! π Don't you think these colors look good in both light and dark theme? π https://t.co/PlqEiPKk2d
_____
http://twitter.com/ChromeDevTools/status/1281596538746105856
_____
http://twitter.com/ChromeDevTools/status/1281596538746105856
Twitter
Chrome DevTools
Did you notice that we redesign the breakpoint and logpoint in Chrome Canary? π It's much easier to differentiate them now. Comment and let us know if you like it! π Don't you think these colors look good in both light and dark theme? π
RT @____lighthouse: Lighthouse 6.1 is out! Includes: π§΅ A new audit for longest main-thread-blocking tasks π¨ Better attribution for Cumulative Layout Shift ...and more! https://t.co/MNkRepWdjR https://t.co/I9lUAuJUbU
_____
http://twitter.com/ChromeDevTools/status/1281644822483234817
_____
http://twitter.com/ChromeDevTools/status/1281644822483234817
GitHub
GoogleChrome/lighthouse
Automated auditing, performance metrics, and best practices for the web. - GoogleChrome/lighthouse
@rafael_sps Unfortunately no. CPU throttling is implemented by adding delays in the event loop. It is not fine granular enough to apply to only a section of code.
_____
http://twitter.com/ChromeDevTools/status/1281654798027120642
_____
http://twitter.com/ChromeDevTools/status/1281654798027120642
Twitter
Chrome DevTools
@rafael_sps Unfortunately no. CPU throttling is implemented by adding delays in the event loop. It is not fine granular enough to apply to only a section of code.
RT @umaar: DevTools Tip π₯οΈ Improve page accessibility by emulating vision deficiencies More info: https://t.co/KrkDUIWCjj #devtools #a11y https://t.co/vEU4uL0xA9
_____
http://twitter.com/ChromeDevTools/status/1281851064661270528
_____
http://twitter.com/ChromeDevTools/status/1281851064661270528
Twitter
Umar Hansa
DevTools Tip π₯οΈ Improve page accessibility by emulating vision deficiencies More info: https://t.co/KrkDUIWCjj #devtools #a11y https://t.co/vEU4uL0xA9
RT @argyleink: New in @ChromeDevTools Canary, emulate `prefers-reduced-data` π Flip that experiment flag on and give it a prototype won't ya! π chrome://flags/#enable-experimental-web-platform-features https://t.co/uh3rWw84bV
_____
http://twitter.com/ChromeDevTools/status/1281851893069881344
_____
http://twitter.com/ChromeDevTools/status/1281851893069881344
Twitter
Adam Argyle
New in @ChromeDevTools Canary, emulate `prefers-reduced-data` π Flip that experiment flag on and give it a prototype won't ya! π chrome://flags/#enable-experimental-web-platform-features
RT @rowan_m: Quick thread π§΅ on setting a SameSite value for your cookies, as I've seen a few misconceptions. I promise it's quick: 1β£2β£3β£
_____
http://twitter.com/ChromeDevTools/status/1281852632701829121
_____
http://twitter.com/ChromeDevTools/status/1281852632701829121
Twitter
Rowan Merewood
Quick thread π§΅ on setting a SameSite value for your cookies, as I've seen a few misconceptions. I promise it's quick: 1β£2β£3β£
RT @getify: Hey JS! Need your attention for a *moment* (pun intended). TC39 is working on Temporal, a powerful Date/Time API. They **REALLY** need real-world dev feedback! Quick blog post, with links to docs, cookbook, and polyfill: https://t.co/g8E3FqHBTd Don't miss the feedback survey.
_____
http://twitter.com/ChromeDevTools/status/1281853496141189121
_____
http://twitter.com/ChromeDevTools/status/1281853496141189121
Twitter
getify
Hey JS! Need your attention for a *moment* (pun intended). TC39 is working on Temporal, a powerful Date/Time API. They **REALLY** need real-world dev feedback! Quick blog post, with links to docs, cookbook, and polyfill: https://t.co/g8E3FqHBTd Don't missβ¦
RT @sulco: "Live Expression" is something I don't see used a lot in @ChromeDevTools, but if you want to track value changes over time, it's one of the most convenient tools for it out there! [#DevAdventCalendar day 23] https://t.co/4Xvb49qYVH
_____
http://twitter.com/ChromeDevTools/status/1282144266936958976
_____
http://twitter.com/ChromeDevTools/status/1282144266936958976
Twitter
Tomek SuΕkowski
"Live Expression" is something I don't see used a lot in @ChromeDevTools, but if you want to track value changes over time, it's one of the most convenient tools for it out there! [#DevAdventCalendar day 23] https://t.co/4Xvb49qYVH
[1/2] Feedback needed! ππΌ Want to disable local() src in font-face rules for better testing during development? Chrome Canary now lets you do that. Watch it in action! ππΌ ps: Google Fonts use local() fonts under the hood to speed up font loading. But! https://t.co/ovVSKGeeBV
_____
http://twitter.com/ChromeDevTools/status/1282684163062022145
_____
http://twitter.com/ChromeDevTools/status/1282684163062022145
Twitter
Chrome DevTools
[1/2] Feedback needed! ππΌ Want to disable local() src in font-face rules for better testing during development? Chrome Canary now lets you do that. Watch it in action! ππΌ ps: Google Fonts use local() fonts under the hood to speed up font loading. But! htβ¦
[2/2] π§ How should we handle those cases where: π custom font is installed locally, but β οΈ no @font-face rules in CSS? <p style="font-family: 'Custom';">Oops</p> <style>/* no font-face */</style> Fill in this form https://t.co/u7GGDDMZhQ and let us know!
_____
http://twitter.com/ChromeDevTools/status/1282684165175967744
_____
http://twitter.com/ChromeDevTools/status/1282684165175967744
Google Docs
DevTools Survey: Disable local fonts
This is a short 5 questions survey on the "Disable local fonts" option.
Background:
Chrome DevTools now lets you disable local() source in @font-face rule with the new "Disable local fonts" option in Chrome Canary.
Example:
Watch the demo below, Rubikβ¦
Background:
Chrome DevTools now lets you disable local() source in @font-face rule with the new "Disable local fonts" option in Chrome Canary.
Example:
Watch the demo below, Rubikβ¦
Do you have a set of console commands that you repeat often? You don't have to go through console history for that! You can execute snippets in the command menu (Cmd+P or CTRL+P) with ! as prefix. https://t.co/jI51NX4NFW
_____
http://twitter.com/ChromeDevTools/status/1283046341204041728
_____
http://twitter.com/ChromeDevTools/status/1283046341204041728
Twitter
Chrome DevTools
Do you have a set of console commands that you repeat often? You don't have to go through console history for that! You can execute snippets in the command menu (Cmd+P or CTRL+P) with ! as prefix. https://t.co/jI51NX4NFW