Chrome is Entrenching Third-Party Cookies For Some Sites In A Way That Will Predictably, Inevitably Mislead Users | Brave
Chrome is Entrenching Third-Party Cookies For Some Sites In A Way That Will Predictably, Inevitably Mislead Users Summary This post presents research on the privacy harms and risks of Google’s recent Related Website Sets feature, to be presented at the 2024 Internet Measurement Conference. The research finds both that the Related Website Sets feature would reverse some of the privacy benefits of d
【CSS・Chrome 124】aspect-ratioを使っているページが何もしていないのに壊れた
はじめに結論 CSS の aspect-ratio プロパティを使っている場合、Chrome 124 で崩れる場合があります。 aspect-ratio を設定している要素に min-width: 0; を設定しておくと安全かも。 以下詳細です。 現象 以前は問題なく表示できていたはずのページで、コンテンツがページ外にはみ出してしまう現象が発生していました。 原因を確認すると、以下のような条件で発生していました。 親で display: grid; を設定して横並びにしている おそらく flex でも同様 その中に aspect-ratio プロパティを設定している要素がある 同様の状況を再現したのが、冒頭に掲載した CodePen のサンプルです。 原因 Chrome 123.0.6262.0 で表示を確認したところ、問題なく表示されていました。 Chrome 124.0.6367.92
How We're Protecting Your Online Privacy - The Privacy Sandbox
Please read this important announcement from the Privacy Sandbox team: A new path for Privacy Sandbox on the web Privacy Sandbox for the Web Privacy Sandbox for the Web aims to reduce cross-site tracking while helping to keep online content and services free for all. Privacy Sandbox also helps to limit other forms of tracking, like fingerprinting, Fingerprinting Information collected about a perso
Preparing for the end of third-party cookies | Privacy Sandbox | Google for Developers
Send feedback Preparing for the end of third-party cookies Stay organized with collections Save and categorize content based on your preferences. If your site uses third-party cookies, it's time to take action as we approach their deprecation. To facilitate testing, Chrome has restricted third-party cookies for 1% of users from January 4th, 2024. Chrome plans to ramp up third-party cookie restrict
Google、HTTPSをウェブのデフォルトにするためにChromeのセキュリティをさらに強化
[レベル: 上級] Google は HTTPS を Chrome で、デフォルトの通信に移行する計画です。 これは、いくつかの取り組みを通じて行われます。 HTTPS への自動アップグレード Chrome は、リンクが http:// を指定していても、自動的に https:// に変換して接続を試みます。 HSTS と同等の処理を Chrome が実行します。 ただし HSTS とは異なり、HTTPS へのアップグレードが失敗した場合はフォールバックとして HTTP で接続します。 これにより、HTTPS を利用できない場合にのみ HTTP を使用することが保証されます。 現在、Chrome 115 でこの変更を試験運用しており、ウェブ全体での動作を標準化し、すぐにすべてのユーザーに対してこの機能を最終的にはロールアウトする計画です。 安全でないダウンロードに関する警告 安全でない H
An Update on the Lock Icon
$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
Console Utilities API reference | Chrome DevTools | Chrome for Developers
The Console Utilities API contains a collection of convenience functions for performing common tasks: selecting and inspecting DOM elements, querying objects, displaying data in readable format, stopping and starting the profiler, monitoring DOM events and function calls, and more. Looking for console.log(), console.error(), and the rest of the console.* functions? See Console API Reference. $_ $_
Performance insights: Get actionable insights on your website's performance | Chrome DevTools | Chrome for Developers
Use the Performance insights panel to get actionable and use-case-driven insights on your website's performance. Why a new panel? The new Performance insights panel is an experiment to address these 3 developer pain points when working with the existing Performance panel: Too much information. With the redesigned UI, the Performance insights panel streamlines the data and displays only relevant in
CSS Underlines Are Too Thin And Too Low In Chrome | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I’ve encountered two bugs in Chrome while testing the new CSS text-decoration-thickness and text-underline-offset properties, and I want to share them with you here in this article. Table of Contents Default underlines are inconsistent Luckily, we can override the browsers’ defaults Chrome b
サードパーティ Cookie 廃止に関するタイムラインの変更について
6 月 25 日にChrome におけるサードパーティ Cookie のサポートを段階的に廃止する計画のスケジュールを含む、「プライバシーサンドボックス」の最新情報を公開しました。取り組みを進めていく中で、この計画を正しく実施するためには、デジタル広告のエコシステム全体でさらに時間が必要なことがわかってきました。 「プライバシーサンドボックス」は、利用者のプライバシーに配慮しつつ、誰もがアクセスできる自由で開かれたウェブ環境を維持できるよう、デジタルビジネスを構築するツールを提供する技術の開発を目指すものです。これを実現するには、エコシステムに携わるコミュニティが一丸となり、ウェブのプライバシーを根本的に強化する開かれた基準をもち、データがどのように利用されるかについての透明性を高め、管理権限をユーザーが持つ必要があると考えています。 そのためには、適切な解決策に関する開かれた議論、規制当
Chrome の User-Agent 文字列削減に関する最新情報
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Google 公式ウェブ開発者向けリソースのご紹介
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Chromeデベロッパーツールでコア ウェブ バイタルを常に計測するHeads-Up Display (HUD) 機能
[レベル: 上級] Chrome Canary のデベロッパーツールで、今閲覧しているページのコア ウェブ バイタルを常に表示できるようになります。 「HUD: Heads-Up Display（ヘッドアップ ディスプレイ）」という機能です。 CVW をオーバーレイで常時計測 デベロッパーツールで、コア ウェブ バイタルの HUD を有効にした状態のキャプチャです。 ページの右上にコア ウェブ バイタルの 3 つの指標をオーバーレイで表示しています。 今開いているページのコア ウェブ バイタルです。 ページを移動するとそのページのコア ウェブ バイタルを計測します。 コア ウェブ バイタルを常時計測する Chrome 拡張があります。 同等の機能がデベロッパーツールに備わった感じですね。 デベロッパーツールで HUD を有効にする Chrome のデベロッパーツールでコア ウェブ バイタル
Smart Lock for Passwords
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Back/forward cache | Articles | web.dev
Loading the previous page is essentially instant, because the entire page can be restored from memory, without having to go to the network at all. Check out this video of bfcache in action to understand the speed up it can bring to navigations: Using bfcache makes pages load much more quickly during back and forward navigation. In the video, the example with bfcache is quite a bit faster than the
混合コンテンツとおさらば、HTTPで配信する画像をChromeがHTTPSに自動アップグレード
[レベル: 上級] Google Chrome で混合コンテンツを心配する必要はもうありません。 HTTPS ページなのに HTTP で配信されたコンテンツを、自動的に HTTPS で読み込んでくれます。 混合コンテンツの画像を自動アップグレード HTTPS のページにもかかわらず HTTP で画像を配信している場合、従来は混合コンテンツとして警告対象になりオムニボックス（URL バー）には鍵マークは出ませんでした。 混合コンテンツに対処するために、Chrome における混合コンテンツの扱いを段階的に変更することを Google は 1 年前にアナウンスしています（Web担当者Forum でのコラムの方がわかりやすいかも）。 最新バージョンの Chrome （安定版 Chrome 86 で確認）は、画像が混合コンテンツになっている場合に自動的に HTTPS にアップグレードして読み込みを試
iOSでも100vhをいい具合に調整して画面の高さいっぱいに要素を表示させる
TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
Chrome85でWebサイトの流入元がとれない問題と対応方法 - paiza times
(English article is here) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 Chrome最新版(Chrome 85)で、徐々にWebサイトへの正確な流入元URL(URLのパス名)が取得できなくなってきています。 例えば、はてなブログからの流入では、どの記事から流入したかがわからず、流入元の調査・分析などのマーケティングへの影響が大きいと思われます。今回はまだWeb上での情報が限られているようなので、ここでは状況と対応方法について紹介したいと思います。 発端 「paiza」には毎日いろいろなサイトからのアクセスがあります。そんななか、先日ある社員から「やけに『paiza開発日誌』（このブログです）のトップページからのアクセスが増えているのだけど、理由って分かりますか？」と質問がありました。その近辺での「paiza開発日誌」のアクセス数は通
開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Wrapped: 2023! | Blog | Chrome for Developers