JavaScript 実行エンジン V8 の JIT 出力コードを読んでみよう
Chrome の JavaScript はとても高速なことでも有名ですが、その実行エンジンは V8 と呼ばれます。V8 自体は独立したモジュールであり、Node.js 等にも使われております。 V8 が JavaScript を高速に実行する技術の一つが JIT (Just In Time) コンパイルです（一般的に JIT と呼ばれます）。これは、そのまま実行すると遅い JavaScript を実行中にリアルタイムに直接マシンコードに変換し（これが Just In Time と呼ばれる所以です）、途中からそのコードに入れ替えて実行することで高速化を達成しています。特に何度も実行される関数で効力を発揮します。 JIT という名前は聞いたことがあろうとも、実際に JIT がどのようなコードを実行しているのかを確認する機会は滅多にないでしょう。この記事では、実際に V8 の JIT の出力を確
ブラウザーのストレージ制限と削除基準 - Web API | MDN
ウェブ開発者が、ユーザーのブラウザー（つまり、ユーザーがウェブサイトを閲覧するために使用している端末のローカルディスク）にデータを格納するために利用できる技術はたくさんあります。 ブラウザーがウェブサイトに格納することを許可するデータ量と、その制限に達したときにデータを削除するために使用する仕組みは、ブラウザーによって異なります。 この記事では、データを格納するために使用できるウェブ技術、ウェブサイトがデータを格納しすぎないように制限するためにブラウザーが所有しているクォータ、および必要なときにデータを削除するために使用する仕組みについて記述されています。 ブラウザーは、ユーザーがウェブ上で追跡されるリスクを縮小するために、ウェブサイトからのデータをさまざまな場所に格納します（バケットとも呼ばれます）。ほとんどの場合、ブラウザーは格納されるデータをオリジンごとに管理します。 このため、オリ
Built-in AI | AI on Chrome | Chrome for Developers
When we build features with AI models on the web, we often rely on server-side solutions for larger models. This is especially true for generative AI, where even the smallest models are about thousand times bigger than the median web page size. It's also true for other AI use cases, where models can range from 10s to 100s of megabytes. Since these models aren't shared across websites, each site ha
Stop using Opera Browser and Opera GX
Opera used to be a fantastic web browser, with a custom high-performance Presto rendering engine and features like tabbed windows that didn't show up in competing browsers until years later. However, the modern Opera browser is a shadow of its former self, reliant on chasing trends and meme advertising to stay relevant. The company behind it has also created fintech services that break app store r
WebKit Features in Safari 17.5
Happy May! It’s time for another release of Safari — our third significant update of 2024. With just a month until WWDC24 and the unveiling of what’s coming later this year, we are happy to get these 7 features and 22 bug fixes into the hands of your users today. CSS There are several exciting new CSS features in Safari 17.5, including text-wrap: balance, the light-dark() color function, and @star
Referrer-Policy の制限を強めると安全になるという誤解 | blog.jxck.io
Intro Referrer-Policy は、送信される Referer の値を制御することが可能だ。 このヘッダの副次的な効果をよく理解していないと、「no-referrer にして送らないのが最も安全だ」という誤解を生むことになる。 では、複数あるポリシーの中でどのような観点で、どのディレクティブを採用するのが良いのだろうか? 前提として前回の記事の「リクエストの出自をチェックすることは現代の実装のベースプラクティスである」という点を踏まえて考えてみる。 令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io https://blog.jxck.io/entries/2024-04-26/csrf.html Referer とアナリティクス Referer は、リクエストに対してその前のページの URL を送るところから始まった。 GET / H
Chromium Docs - The Rule Of 2
When you write code to parse, evaluate, or otherwise handle untrustworthy inputs from the Internet — which is almost everything we do in a web browser! — we like to follow a simple rule to make sure it's safe enough to do so. The Rule Of 2 is: Pick no more than 2 of untrustworthy inputs;unsafe implementation language; andhigh privilege. (drawing source here) Why?When code that handles untrustworth
Maglev - V8’s Fastest Optimizing JIT · V8
In Chrome M117 we introduced a new optimizing compiler: Maglev. Maglev sits between our existing Sparkplug and TurboFan compilers, and fills the role of a fast optimizing compiler that generates good enough code, fast enough. Background # Until 2021 V8 had two main execution tiers: Ignition, the interpreter; and TurboFan, V8’s optimizing compiler focused on peak performance. All JavaScript code is
ヒープ スナップショットを記録する | DevTools | Chrome for Developers
概要表示 まず、[Summary] ビューでヒープ スナップショットが開き、列に [Constructors] が表示されます。コンストラクタを展開すると、インスタンス化されたオブジェクトが表示されます。 無関係なコンストラクタを除外するには、[Summary] ビューの上部にある [Class filter] に検査する名前を入力します。 コンストラクタ名の横の数字は、そのコンストラクタによって作成されるオブジェクトの総数を示します。[概要] ビューには次の列も表示されます。 距離は、ノードの最短の単純なパスを使用して、ルートまでの距離を示します。 浅いサイズは、特定のコンストラクタによって作成されたすべてのオブジェクトの浅いサイズの合計を示します。シャローサイズは、オブジェクト自体が保持するメモリのサイズです。一般に、配列と文字列はシャロー サイズが大きくなります。オブジェクト サイズ
WebDriver BiDi: 2023 年のステータス更新 | Blog | Chrome for Developers
この記事では、2023 年の WebDriver BiDi の新機能の概要を説明します。 WebDriver BiDi とは WebDriver はブラウザ自動化プロトコルで、W3C 標準として定義され、ChromeDriver、GeckoDriver、WebKitDriver に実装されています。 Chromium には、Chrome DevTools プロトコル（CDP）という独自のブラウザ自動化プロトコルもあります。 この 2 つのプロトコルには根本的な違いがいくつかあります。WebDriver は相互運用可能な標準ですが、このプロトコルは効率が悪く、CDP のような機能がありません。対照的に、CDP はより効率的で強力ですが、相互運用性は劣ります。 そのため、2020 年、W3C Browser Testing and Tools Working Group は、WebDriver
小ネタ: DevToolsのネットワークタブでCache-ControlやX-Cacheレスポンスヘッダの値を一覧表示できるようにしてCDN関連の調査を快適にする - polamjaggy
タイトルと ↓ のスクショで出落ちという感じ……。 https://aws.amazon.com を開いたときの様子 CDNだったり、Varnishのようなキャッシュ系のミドルウェアの調査やデバッグをしているときは、ブラウザのDevToolsを使って、Cache-Control レスポンスヘッダだったり X-Cache レスポンスヘッダのようなレスポンスヘッダの様子をめちゃくちゃ睨みつけることになると思う。こういう仕事をしているときには、リロードしては新しいリクエストを選択し直して睨みつける、というような操作を繰り返すことになりがち。 ところが、ネットワークタブのリクエスト一覧表示の表みたいなやつには任意のレスポンスヘッダを表示することができるので、こうすると1クリックの手間が省けて嬉しいねという話。 やり方はこれだけ！ ネットワークタブのリクエスト一覧表のヘッダー部分を右クリックし、コン
WebKit Features in Safari 17.4
Just like Safari 15.4 and Safari 16.4, this March’s release of Safari 17.4 is a significant one for web developers. We’re proud to announce another 46 features and 146 bug fixes. You can experience Safari 17.4 on iOS 17.4, iPadOS 17.4, macOS Sonoma 14.4, macOS Ventura, macOS Monterey, and in visionOS 1.1. Architectural improvements It’s always exciting to ship new features that you can use while b
Apple によるブラウザエンジン規制の緩和 | blog.jxck.io
Intro 以前から騒がれていた Apple によるサイドローディング周りの緩和について、正式な情報公開があった。 Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-european-union/ ストアやペイメントの緩和もあるが、ここでは WebKit に関する部分だけを抜粋し、どのような条件があるのかをまとめておく。 筆者が公開情報を読んで解釈したものなので、内容は保証しない。 前提 iOS/iPadOS に入れられるブラウザには、 WebKit を用いる必要が
Improving Cross-Browser Testing, Part 1: Web Application Testing Today – Mozilla Hacks - the Web developer blog
Improving Cross-Browser Testing, Part 1: Web Application Testing Today Testing web applications can be a challenge. Unlike most other kinds of software, they run across a multitude of platforms and devices. They have to be robust regardless of form factor or choice of browser. We know this is a problem developers feel: when the MDN Developer Needs Assessment asked web developers for their top pain
Navigate the unexpected: using Copilot in Edge and DevTools
We’re very excited to announce that, starting with Microsoft Edge 120, we’re making a new experimental DevTools feature available to all. You can now ask DevTools to explain any error or warning, and any code snippet by using Copilot in Edge. Whether you’re new to web development or have already been building websites, errors and warnings in the DevTools Console is something you probably deal with
CSS に 4 つの新しい国際化機能を導入 | Blog | Chrome for Developers
CSS Text モジュール レベル 4 の 4 つの国際化 CSS 機能が Chrome に導入されます。この投稿では、すでに発送済みのサービスと今後の予定について説明します。 Chrome 119 以降: 日本語のフレーズが word-break: auto-phrase で改行されるようになりました。 Chrome 120 以降のフラグの背後: text-autospace プロパティによるスクリプト間のスペース 開発中: text-spacing-trim プロパティによる中国語、日本語、韓国語（CJK）の句読点カーニング。 言語間で最小フォントサイズが統一されます。 日本語のフレーズ改行: word-break: auto-phrase 日本語のテキストが読みやすくなるこの機能は Chrome 119 から利用可能 中国語や日本語などの東アジア言語では、単語の区切りにスペースを使
「Chrome」、動画フレームをコピーする新機能を追加--スクリーンショットが不要に
Googleの「Chrome」を使っている人は、スクリーンショットを撮らずに動画フレームをコピーできる新しい方法を使えるようになった。同社は米国時間8月31日、Chromeの「Copy Video Frame」機能を発表した。その名称が示す通り、動画フレームをコピーする機能だ。 Googleは公式ブログで「Chromeで再生中の動画を好きなところで一時停止して、求めるフレームのきれいなコピーがとれる」と述べている。 Copy Video Frameを利用するには、Chromeで再生中の動画を一時停止し、動画フレームを右クリックして、ポップアップメニューからCopy Video Frameを選択すればいいとGoogleは説明している。 Googleは、いつものやり方で動画フレームのスクリーンショットを撮ると、画像の質が低くなり、動画のプログレスバーが最下部に映り込む可能性があると指摘している
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChromeとSafariのuser agent stylesheet
Puppeteer Support for the Cross-Browser WebDriver BiDi Standard – Mozilla Hacks - the Web developer blog
Total Canvas Memory Use Exceeds The Maximum Limit