ブレークポイントでコードを一時停止する | Chrome DevTools | Chrome for Developers
ブレークポイントを使用して、JavaScript コードを一時停止します。このガイドでは、Terraform で宣言される各タイプの それぞれのタイプを使用するタイミングと設定方法を説明します。デバッグ プロセスのインタラクティブなチュートリアルについては、Chrome DevTools で JavaScript のデバッグを開始するをご覧ください。 各ブレークポイント タイプを使用する場合の概要 最も有名なブレークポイントのタイプはコード行です。ただし、コード行のブレークポイントは 特に、どこを見ればよいかわからない場合や、 構築できます。もう 1 つの API をいつどのように使えばよいのかを知ることで、デバッグの時間を節約できます。 あります。 ブレークポイントのタイプ状況
WebOTP API を使用してウェブ上で電話番号を確認する | Identity | Chrome for Developers
WebOTP API とは 最近では世界中のほとんどのユーザーが モバイルデバイスを所有しており サービスのユーザーの ID として電話番号を使用することがよくあります。 電話番号の確認にはさまざまな方法がありますが、ランダムに生成される SMS で送信されるワンタイム パスワード（OTP）は、最も一般的なものの一つです。このコードを送信しています デベロッパーのサーバーに戻ると、電話番号の制御のデモンストレーションが表示されます。 このアイデアは、次の目標を達成するために、すでに多くのシナリオに導入されています。 ユーザーの ID としての電話番号。新規の ウェブサイトによっては、メールアドレスではなく電話番号の入力を求められることがあります。 アカウント ID として使用します。 2 段階認証プロセス。ログイン時に、ウェブサイトからワンタイム コードの入力が求められる パスワードやその
Overview | Lighthouse | Chrome for Developers
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against t
Geolocation API removed from unsecured origins in Chrome 50 | Web Updates - Google Developers
Chrome has public intent to deprecate powerful features like geolocation on non-secure origins, and we hope that others will follow. Starting with Chrome 50, Chrome no longer supports obtaining the user's location using the HTML5 Geolocation API from pages delivered by non-secure connections. This means that the page that's making the Geolocation API call must be served from a secure context such
ChromeDriver overview | Chrome for Developers
ChromeDriver is a standalone server that implements the W3C WebDriver standard. WebDriver is an open source tool built for automated testing of web apps across many browsers. Its interface allows for control and introspection of user agents locally or remotely using capabilities. Capabilities are a language-neutral set of key-value pairs used to define the desired features and behavior of a WebDri
Downloads - ChromeDriver - WebDriver for Chrome
Current Releases For more information on selecting the right version of ChromeDriver, see the Version Selection page. ChromeDriver 114.0.5735.90 Supports Chrome version 114 For more details, see the release notes. ChromeDriver 114.0.5735.16 Supports Chrome version 114 For more details, see the release notes. ChromeDriver 113.0.5672.63 Supports Chrome version 113 Resolved issue 4205: Same object id
Making wheel scrolling fast by default | Blog | Chrome for Developers
To improve wheel scrolling/zooming performance, developers are encouraged to register wheel and mousewheel event listeners as passive by passing the {passive: true} option to addEventListener(). Registering the event listeners as passive tells the browser that the wheel listeners will not call preventDefault() and the browser can safely perform scrolling and zooming without blocking on the listene
Replacing a hot path in your app's JavaScript with WebAssembly | Blog | Chrome for Developers
It's consistently fast, yo In my previous articles I talked about how WebAssembly allows you to bring the library ecosystem of C/C++ to the web. One app that makes extensive use of C/C++ libraries is squoosh, our web app that allows you compress images with a variety of codecs that have been compiled from C++ to WebAssembly. WebAssembly is a low-level virtual machine that runs the bytecode that is
Media updates in Chrome 73 | Blog | Chrome for Developers
In this article, I'll discuss Chrome 73 new media features which include: Hardware media keys are now supported to control media playback on desktop. Web developers can query whether a certain HDCP policy can be enforced. Auto Picture-in-Picture in desktop PWAs and "Skip Ad" in Picture-in-Picture are coming to origin trials. Desktop PWAs are granted autoplay with sound. Hardware Media Keys support
Overview | Web on Android | Chrome for Developers
Trusted Web Activity is a new way to open your web-app content such as your Progressive Web App (PWA) from your Android app using a protocol based on Custom Tabs. Looking for the code? android-browser-helper library on GitHub Trusted Web Activity demos Bubblewrap, a NodeJs library / CLI to generate and build Trusted Web Activity projects There are a few things that make Trusted Web Activity differ
The Shape Detection API: a picture is worth a thousand words, faces, and barcodes | Capabilities | Chrome for Developers
What is the Shape Detection API? With APIs like navigator.mediaDevices.getUserMedia and the Chrome for Android photo picker, it has become fairly easy to capture images or live video data from device cameras, or to upload local images. So far, this dynamic image data—as well as static images on a page—has not been accessible by code, even though images may actually contain a lot of interesting fea
Lightning-fast templates and Web Components - lit-html & LitElement | Blog | Chrome for Developers
Today we're excited to announce the first stable releases of our two next-generation web development libraries: lit-html and LitElement. lit-html is a tiny, fast, expressive library for HTML templating. LitElement is a simple base class for creating Web Components with lit-html templates. If you've been following the projects, you probably know what lit-html and LitElement are all about (and you c
Exploring a back/forward cache for Chrome | Blog | Chrome for Developers
On the Chrome team, we are exploring a new back/forward cache to cache pages in-memory (preserving JavaScript & DOM state) when the user navigates away. This is definitely not a trivial endeavor but if it succeeds it will make navigating back and forth very fast. A back/forward cache (bfcache) caches whole pages (including the JavaScript heap) when navigating away from a page, so that the full sta
New in Chrome 72 | Blog | Chrome for Developers
In Chrome 72, we've added support for: Creating public class fields in JavaScript is now much cleaner. You can see if a page has been activated with the new User Activation API Localizing lists becomes way easier with the Intl.format() API. And there's plenty more! I'm Pete LePage. Let's dive in and see what's new for developers in Chrome 72! Change log This covers only some of the key highlights,
What's New In DevTools (Chrome 73) | Blog | Chrome for Developers
Here's what's new in DevTools in Chrome 73. Video version of these release notes Logpoints Use Logpoints to log messages to the Console without cluttering up your code with console.log() calls. To add a logpoint: Right-click the line number where you want to add the Logpoint. Figure 1. Adding a Logpoint Select Add logpoint. The Breakpoint Editor pops up. Figure 2. The Breakpoint Editor In the Brea
The Writable Files API: Simplifying local file access | Web | Google Developers
What is the File System Access API? The File System Access API enables developers to build powerful web apps that interact with files on the user's local device, such as IDEs, photo and video editors, text editors, and more. After a user grants a web app access, this API allows them to read or save changes directly to files and folders on the user's device. Beyond reading and writing files, the Fi
Badging for App Icons | Web | Google Developers
What is the App Badging API? Example of Twitter with eight notifications and another app showing a flag type badge. The App Badging API allows installed web apps to set an application-wide badge, shown in an operating-system-specific place associated with the application (such as the shelf or home screen). Badging makes it easy to subtly notify the user that there is new activity that might requir
Introducing Background Fetch | Web | Google Developers
In 2015 we introduced Background Sync which allows the service worker to defer work until the user has connectivity. This means the user could type a message, hit send, and leave the site knowing that the message will be sent either now, or when they have connectivity. It's a useful feature, but it requires the service worker to be alive for the duration of the fetch. That isn't a problem for shor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Puppeteer | Chrome for Developers
Workbox Broadcast Cache Update | Workbox | Google Developers