[B! devtools] stefafafanのブックマーク

Awesome Dev Tool Tips 🔥

Contents (Click to expand) ↕️ Design Mode Pretty Print Command Pallet and Super Search Snippets Live Expressions Tracking Changes Console Shorthand Find Unused Code Rendering Panel Network Paint Times Network Timings Inspect Network Requests Performance Identifying Memory Leaks Raw Memory Inspection Test bfcache Full Refresh Lighthouse Page Size Breakdown Record User Flows Advanced User Flow Opera

stefafafan 2023/01/12

リンク

What's New In DevTools (Chrome 100) | Blog | Chrome for Developers

Chrome 100 Here’s to the 100th Chrome version! Chrome DevTools will continue to provide reliable tools for developers to build on the web. Take a moment to click around in the What’s New tab to celebrate the milestones. As usual, you can watch the latest What’s New in DevTools video by clicking on the image. View and edit @supports at rules in the Styles pane You can now view and edit the CSS @sup

stefafafan 2022/03/13

リンク

DevTools の Web 技術でできている部分を覗き見る - polamjaggy

この記事ははてなエンジニア Advent Calendar 2021 の 22 日目の記事です。昨日の記事は id:shimobayashi さんのアジャイル推進活動にここ1年で吉兆がみえてきた要因について - 下林明正のブログでした。 Chrome の DevTools の UI 部分は Web 技術でできています。Web 技術でできているので、DevTools を DevTools で inspect することもできます。 example.com を inspect している画面を inspect している様子このことを知ったのは、10MB くらいある JavaScript ファイルにブレークポイントを貼りつつデバッグしていたら DevTools が固まるようになってしまい、ブレークポイントを解除しようにもその前に DevTools がフリーズしてしまうので詰んだ……、という出

stefafafan 2021/12/24

リンク

What's New In DevTools (Chrome 92) - Chrome Developers

What's New In DevTools (Chrome 92) Published on Wednesday, June 2, 2021 • Updated on Wednesday, June 2, 2021 Translated to: Español, 中文 # CSS grid editorA highly requested feature. You can now preview and author CSS Grid with the new CSS Grid editor! When an HTML element on your page has display: grid or display: inline-grid applied to it, you can see an icon appear next to it in the Styles pane.

stefafafan 2021/06/04

リンク

What's New In DevTools (Chrome 91) - Chrome for Developers

What's New In DevTools (Chrome 91) Published on Wednesday, April 21, 2021 • Updated on Wednesday, April 21, 2021 # Web Vitals information pop up in the Performance panelHover on a Web Vitals marker in the Performance panel to understand what's the indicator about - whether the performance is good, needs improvement, or poor. Chromium issue: 1147872 # Visualize CSS scroll-snapYou can now toggle the