DevTools Tips: Record and replay user flows with the Recorder - Chrome Developers

2023/07/12 18 users DevTools Tips

For a more hands-on experience, see the Record, replay, and measure user flows tutorial. The DevTools team is actively developing the Recorder panel and has added the following new capabilities since the video came out. Now you can: Export and share your recordings in various formats, including c... 続きを読む

Chrome for Testing: reliable downloads for browser automation - Chrome Developers

2023/06/12 65 users

Today we’re happy to announce Chrome for Testing, a new Chrome flavor that specifically targets web app testing and automation use cases. This article explains why the Chrome team felt this was needed, and walks through concrete examples where Chrome for Testing might benefit you as a developer. ... 続きを読む

Chrome113でHTTPヘッダを上書きしていろんな状態をお試しできる - hogashi.*

2023/05/13 192 users hogashi fetch HTTPヘッダ CSP Cors

Chrome 113 で、 DevTools の Network ペインで HTTP ヘッダを好きなように編集して、いろんな状態をお試しできるようになっている。 What's New in DevTools (Chrome 113) - Chrome Developers で紹介されている。 GitHub から example.com を fetch してみる GitHub の CSP ヘッダを上書き example.com の CORS のヘッ... 続きを読む

The origin private file system - Chrome Developers

2023/03/28 10 users system

# MotivationWhen you think of files on your computer, you probably think about a file hierarchy: files organized in folders that you can explore with your operating system's file explorer. For example, on Windows, for a user called Tom, their To Do list might live in C:\Users\Tom\Documents\ToDo.t... 続きを読む

More control over :nth-child() selections with the of S syntax - Chrome Developers

2023/03/08 10 users syntax ntH nth-child And The

# The :nth-child() and :nth-last-child() pseudo-class selectorsWith the :nth-child() pseudo-class selector it is possible to select Elements in the DOM by their index. Using the An+B microsyntax you get fine control over which elements you want to select. :nth-child(2): Select the 2nd child.:nth-... 続きを読む

Tether elements to each other with CSS anchor positioning - Chrome Developers

2023/03/01 10 users Element Container index.html

Tether elements to each other with CSS anchor positioning Published on Wednesday, March 1, 2023 How do you currently tether one element to another? You might try tracking their positions, or use some form of wrapper element. <!-- index.html --> <div class="container"> <a href="/link" class="ancho... 続きを読む

10 月の User-Agent 削減の変更に備える - Chrome Developers

2022/09/20 194 users User-Agent Chrome 削減 文字列 ブラウザ

10 月の User-Agent 削減の変更に備えるUser-Agent 文字列に起きていること、Chrome がこの変更を行う理由、および準備作業について。 公開日 2022年8月25日木曜日 翻訳先言語： English 10 月、Chrome はユーザーのプライバシーを向上させるために、ブラウザの User-Agent 文字列で利用できる情報を削減するための次の... 続きを読む

#100CoolWebMoments - Chrome Developers

2022/03/29 47 users most Enjoy have

Take a stroll down memory lane and celebrate #100CoolWebMoments since Chrome's first release. cool web momentsTake a scroll down memory lane... Tell us which moments you loved the most. If we’ve missed anything (and we’re sure we have!), tweet us @Chromiumdev with #100CoolWebMoments. Enjoy! 続きを読む

DevTools の新機能 (Chrome 96) - Chrome Developers

2021/11/15 121 users DevTools Español Português CSS

DevTools の新機能 (Chrome 96)Published on 2021年10月25日月曜日 • Updated on 2021年10月25日月曜日 Translated to: English, Español, Português, 한국어, 中文, Pусский # プレビュー機能: 新しい CSS Overview パネル新しい CSS Overview パネルを使用するとあなたのページの CSS を改善できる可能性を確認できま... 続きを読む

Record, replay and measure user flows - Chrome Developers

2021/11/03 109 users Record

# Open the Recorder panelOpen DevTools. Click on More options     > More tools > Recorder. Alternatively, use the Command Menu to open the Recorder panel. # IntroductionWe will be using this coffee ordering demo page. Checkout is a common user flow among shopping websites. In the next sections, w... 続きを読む

DevTools の新機能 (Chrome 94) - Chrome Developers

2021/09/16 21 users DevTools Español pre settings

DevTools の新機能 (Chrome 94)Published on 2021年8月24日火曜日 • Updated on 2021年8月24日火曜日 Translated to: English, Español, Português # 好みの言語での DevTools の利用Chrome DevTools は 80 言語以上をサポートするようになりました。あなたの好みの言語で使用することができます！ Settings を開き、Pre... 続きを読む

First-Party Sets and the SameParty attribute - Chrome Developers

2021/08/27 12 users

Many organizations have related sites with different domain names, such as brandx.site and fly-brandx.site—or domains for different countries such as example.com, example.rs, example.co.uk and so on. Browsers are moving towards making third-party cookies obsolete to improve privacy on the web, bu... 続きを読む