Auto Dark Theme | Blog | Chrome for Developers
Chrome 96 introduces an origin trial for Auto Dark Themes on Android. With this feature, the browser applies an automatically generated dark theme to light themed sites, when the user has opted into dark themes in the operating system. Users can opt-out of dark themes by either disabling the option on the OS level or in a specific setting in Chrome. Sign-up for the origin trial You can also enable
What's New In DevTools (Chrome 96) | Blog | Chrome for Developers
Preview feature: New CSS Overview panel Use the new CSS Overview panel to identify potential CSS improvements on your page. Open the CSS Overview panel, then click on Capture overview to generate a report of your page’s CSS. You can further drill down on the information. For example, click on a color in the Colors section to view the list of elements that apply the same color. Click on an element
textlintを利用したChrome拡張機能を作った | ワークフローはコラボフロー
フットサルのワールドカップが終わってしまって、喪失感のあるkitoです。 （リカルジーニョが代表引退にして初優勝＆MVP。。。なんてできたストーリーなんだ🙌） 更に夏の終わりも感じてヨルシカの「ただ君に晴れ」をヘビロテして過ごしている今日このごろ🥺 ｢これから先の人生、躓くことなんて当たり前だ。それでも、ただ君に、晴れぬ空などないことを｣ ヨルシカ – ただ君に晴れ 感傷に浸りすぎて、ダークサイドに堕ちないよう前向きに生きます。 今回のブログは、 textlintを利用して文章チェックを行うChrome拡張機能を作成 したので、紹介いたします。 文章のチェック負荷を下げたいよー 開発チームのサポート対応では、誰が対応したとしても、 文章の品質を保った回答とするために、他者による文章チェックを行ってます。 また、この開発ブログ等、各種の文章も他者チェックすることがあります。 ただ、このチ
Sorry Safari team
I just wanted to spend a couple of moments talking about some of the events over the last couple of days that we're ultimately caused by me. Before I get into what happened, I just wanted to say sorry to the Safari team over at Apple for any frustration they have with what we shared at Chrome Dev Summit. I'm sorry for the misrepresentation of Safari Tech Preview's compatibility score for the Compa
Copy CSS as JavaScript - Chrome DevTools - Dev Tips
Chrome DevTools: Copy CSS styles as JavaScript compatible properties Last updated: 11th November 2021 Introduction You can now copy CSS styles as JavaScript, so the styles in your clipboard are compatible with CSS-in-JavaScript libraries. How to copy CSS as JavaScript To try this out: Inspect an element via DevTools. Right click on the styles within the Styles Pane. Select Copy all declarations as
SharedArrayBuffer と過渡期な cross-origin isolation の話
2021/12/26: Safari も 15.2 から COOP/COEP を使って SharedArrayBuffer が利用できるようになったので、該当箇所の表記を変更しました。 長い記事なので先に結論を書きます。 Chrome、Firefox および Safari で SharedArrayBuffer や高精細タイマーが使えるようになりました。そのためには cross-origin isolation という状態を有効にするのですが、親となる HTML ドキュメントに下記 2 つのヘッダーを送ります。 Cross-Origin-Embedder-Policy: require-corp Cross-Origin-Opener-Policy: same-origin ただ、これを有効にするには様々な条件と制約が存在し、現段階では多くのサイトは苦戦するでしょう。とりあえず従来通り C
Record, replay, and measure user flows | Chrome DevTools | Chrome for Developers
Take a glance at the new Recorder panel (preview feature) with the video below. Complete this tutorial to learn how to use the Recorder panel to record, replay, and measure user flows. For more information on how to share the recorded user flows, edit them and their steps, see the Recorder features reference. Open the Recorder panel Open DevTools. Click on More options > More tools > Recorder.
Photoshop's journey to the web | Articles | web.dev
Photoshop's journey to the web Stay organized with collections Save and categorize content based on your preferences. The idea of running software as complex as Photoshop directly in the browser would have been hard to imagine just a few years ago. However, by using various new web technologies, Adobe has now brought a public beta of Photoshop to the web. Over the last three years, Chrome has been
Core Web Vitals Checker - Test your sites in one click - Calibre
How can this tool help me?We built Core Web Vitals Checker so you can see how people experience your website without setting up complex dashboards or processes. Core Web Vitals Checker reports four site speed metrics based on real Google Chrome browsing data. Each metric focuses on a different aspect of user experience, such as loading, interactivity and visual stability, so you know where to focu
Optimize resource loading with the Fetch Priority API | Articles | web.dev
When a browser parses a web page and begins to discover and download resources such as images, scripts, or CSS, it assigns them a fetch priority so it can download them in an optimal order. A resource's priority usually depends on what it is and where it is in the document. For example, in-viewport images might have a High priority, and the priority for early loaded, render-blocking CSS using <lin
Chrome 96 Beta: Conditional Focus, Priority Hints, and More
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
Chrome in-the-wild bug analysis: CVE-2021-30632
Chrome in-the-wild bug analysis: CVE-2021-30632 Man Yue Mo On September 13, 2021, Google released version 93.0.4577.82 of Chrome. The release note specified that two of the security fixed bugs, CVE-2021-30632 and CVE-2021-30633, are being exploited in the wild (both reported by anonymous researchers). CVE-2021-30632 is a type confusion bug in the JIT compiler of Chrome that can be used to cause re
Explore JavaScript Dependencies With Lighthouse Treemap
Find your way with Lighthouse Treemap. Photo by Raphael Schaller on Unsplash Lighthouse Treemap is a new tool that helps us evaluate the efficiency of the JavaScript on our websites. It shows us: The bytes of JavaScript by file If sourcemaps are enabled, the bytes of JavaScript by module Bytes of JavaScript used versus unused (execution) for page load JavaScript is often the biggest culprit when i
Chrome user device characteristics report | Blog | Chrome for Developers
Developers are constantly wondering about what kind of audience they are developing for. Are they using high end devices with large RAM? What connection are they using (for example Wi-Fi, 2G) and so on. The answers to these questions can affect product development decisions such as choosing the technologies to render the content. This report provides timeline data to inform developers on these que
Intent to Ship: WebTransport
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message Contact emails yhi...@chromium.org, vas...@chromium.org Explainer https://github.com/w3c/webtransport/blob/main/explainer.md Specification https://w3c.github.io/webtransport https://datatracker.ietf.org/doc/html/draft-ietf-webtrans-http3/ https://datatracker.ietf.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Release v9.0.0 · GoogleChrome/lighthouse
Release v11.0.0 · puppeteer/puppeteer
Chrome Platform Status
Trusted Types - mid 2021 report
The fugitive in Java: Escaping to Java to escape the Chrome sandbox