Declarative partial updates | Blog | Chrome for Developers
Published: May 19, 2026 The web has long since moved on from the static, document-driven medium that it started as. Modern, rich web apps are used by everyone for many reasons, from communicating, purchasing, consuming rich content, to managing our complex lives. HTML, despite all its advances, is still delivered in-order in a top-to-bottom fashion with little regard for when content is ready or w
<geolocation> HTML 要素の導入 | Blog | Chrome for Developers
公開日: 2026 年 1 月 13 日 Chrome 144 以降では、新しい <geolocation> HTML 要素を使用できます。この要素は、サイトがユーザーの位置情報をリクエストする方法の大きな変化を表しています。スクリプトでトリガーされる権限プロンプトから、宣言的でユーザー アクション指向のエクスペリエンスに移行します。これにより、権限の状態とエラーの処理に必要なボイラープレート コードが削減され、ユーザーの意図をより強く示すシグナルが提供されるため、ブラウザの介入（サイレント ブロックなど）を回避できます。 このリリースは、広範な実環境でのテストと、ウェブ標準コミュニティとの厳格な議論の結果です。この要素の有用性を理解するには、その開発の経緯と、その設計を推進したデータを検証することが重要です。 汎用 <permission> から特定の <geolocation> <ge
Request for developer feedback: customizable select | Blog | Chrome for Developers
Styling form controls like the <select> element has been reported as a top developer pain point for years, and we've been working on a solution. While this work is complex and has taken a long time to get right, we're getting very close to landing this feature. A customizable version of the select element is officially in Stage 2 in the WHATWG, with strong cross-browser interest and a prototype fo
Browser-level image lazy loading for the web | Articles | web.dev
You can use the loading attribute to lazy-load images without the need to write custom lazy-loading code or use a separate JavaScript library. Here's a demo of the feature: Lazy-loaded images load as the user scrolls through the page. This page walks through the details of implementing lazy-loading in the browser. Why browser-level lazy loading? According to the HTTP Archive, images are the most-r
Native image lazy-loading for the web!
April 6, 2019 In this post, we’ll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!. For the curious, here’s a sneak preview of it in action: <img src="celebration.jpg" loading="lazy" alt="..." /> <iframe src="video-player.html" loading="lazy"></iframe> We are hoping to ship support for loading in ~Chrome 75 and are working on a deep-dive of the feat
Prevent DOM-based cross-site scripting vulnerabilities with Trusted Types | Articles | web.dev
DOM-based cross-site scripting (DOM XSS) happens when data from a user-controlled source (like a username, or a redirect URL taken from the URL fragment) reaches a sink, which is a function like eval() or a property setter like .innerHTML that can execute arbitrary JavaScript code. DOM XSS is one of the most common web security vulnerabilities, and it's common for dev teams to accidentally introdu
安全な文字列であると型で検証する Trusted Types について | blog.jxck.io
Intro 脆弱性の原因となる DOM 操作の代表例として elem.innerHTML や location.href などが既に知られている。 こうした操作対象(sink) に対して、文字列ベースの代入処理を行う際に、一律して検証をかけることができれば、脆弱性の発見や防止に役立つだろう。 そこで処理前の文字列に対し、処理後の文字列を安全であるとして明示的に型付ける TrustedTypes という提案がされている。 まだ未解決の部分が多い提案だが、現時点での仕様と実装を元に、このアイデアについて解説する。 WICG/trusted-types Intent to Experiment: Trusted Types Sink XSS などの原因となる DOM 操作として、DOM に直接文字列を展開する処理がある。 element.innerHTML location.href scrip
Chrome の拡張機能でogpとかを確認するのを作ってみた - めも帖
Chrome の拡張機能でogpとかを確認するのを作ってみました。 確認できる項目は、 ogp:title ogp:url ogp:description ogp:image canonical title description keywords ogpの状態を確認するのが、HTMLを見たり、facebookのツールで確認したり（これが一番確実なんですが）するのが面倒になりました。そこで、Bookmarklet（ブックマークレット）でやってみようとしていたんですが、Chrome の拡張機能の方が、見やすいかも？なんて思って作ってみました。 「WEB+DB PRESS Vol.72」に「Backlog/Cacoo開発ノウハウ大公開」という特集があり、何かあると「Chrome の拡張機能で...」という解決方法を見ると、これはこれでアリなのかなあ...と思っていました。問題解決の為にちょっと
Web Developer's Guide to Prerendering in Chrome - Google Chrome - Google Code
Web Developer's Guide to Prerendering in Chrome Prerendering is an experimental feature in Chrome (versions 13 and up) that can take hints from a siteâs author to speed up the browsing experience of users. A site author includes an element in HTML that instructs Chrome to fetch and render an additional page in advance of the user actually clicking on it. As a web developer, you may be interested
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Platform Status
https://bugs.chromium.org/p/chromium/issues/detail?id=1498140
GitHub - prisma-archive/prep: Pre-renders your web app (React, Vue, Angular, ...) into static HTML based on your specified routes enabling SEO for single page applications.
http://breach.cc/