Chrome and Firefox soon to reach major version 100 | Articles | web.dev
Chrome and Firefox soon to reach major version 100 Stay organized with collections Save and categorize content based on your preferences. User-Agent string changes, the strategies that Chrome and Firefox are taking to mitigate the impact, and how you can help. Chrome and Firefox will reach version 100 in a couple of months. This has the potential to cause breakage on sites that rely on identifying
This experimental CSS Overview feature of Chrome is awesome
The Chrome browser is one of the widely used web browsers by developers. The DevTools it bundles within is mature and ahead of its competition. But there are certain features that Chrome Developers don’t expose explicitly. Rather, you’d have to look out for those features by digging deep inside the settings. One such feature that I’ve recently discovered is called “CSS Overview” which is an experi
なぜChromeはURLを殺そうとするのか？ (Chrome Dev Summit 2019) - ぼちぼち日記
今年もChrome開発者の集まりChrome Dev Summit 2019 (CDS) がサンフランシスコで開催されました。 今回、私が Chrome Customer Advisory Board (CAB) に選出していただいたこともあり、CDSに初めて参加しました。 これは、CDS終了後のCAB meetingで頂いたChrome Dinosaurフィギュアです。ちなみにゲームはできません。 タイトルの「なぜChromeはURLを殺そうとするのか？」は、2日目Chrome Leadsのパネルセッションで司会のGooglerが、Chrome UX担当のProduct Managerに対して一番最初に投げかけた問いです。 PMは直ちに「そんなことはしない」と即答しました。しかしChromeは、URLの表示領域からHTTPSの緑色表示の廃止・EV表示場所の移動・wwwサブドメイン表示の削
Google Chromeが混在するコンテンツをデフォルトでブロック、バージョン79〜81で段階をへて仕様変更
[レベル: 上級] HTTPS で配信するページでの混在するコンテンツを Google Chrome がデフォルトでブロックするようになります。 ブロックを解除するオプションがユーザーには提供されます。 仕様変更は段階をへて導入されます。 Google Security Blog がアナウンスしました。 現状は iframe と JavaScript のみ完全ブロック HTTPS で配信するページで、画像やスクリプトなどのサブリソースを HTTP で配信すると一般的なブラウザでは警告が出ます。 Chrome も例外ではありません。 いわゆる、「混在するコンテンツ (Mixed Content)」です。 Chrome の場合、現状では、次のサブリソースは HTTPS ページなのに http:// で配信されていても、警告は出ますが読み込まれます。 画像 オーディオ 動画 一方、次のサブリソー
Firefox has lots of room to improve if it wants to beat Chrome | the snazzblog
I’ve found myself agreeing wholeheartedly with the recent pushes to get people to switch from Chrome to Firefox. Google keeps pulling dumb trick after dumb trick in an attempt to have more control over the web. It’s hard not to think that this kind of behavior warrants quitting Chrome and other Google products. But taking a look at Firefox usage statistics, it’s pretty obvious that the trend (look
Chrome拡張機能「見え〜るAlt」公式サイト
What is 見え〜るAlt 数百ある画像にAltを指定したのはいいけど、最終確認する時に見返すのが面倒だなと思う時ってありますよね。見え〜るAltはそんな悩みを解決するために作られました。 WEBページの作成をしていると数十という数の画像を使うことなんてよくあること。時には数百にも及ぶこともあります。それら全てとまではいかなくとも、ある程度の数を手動でAlt指定し、ソースコードとにらめっこしながらミスチェックするのはしんどい作業に違いありません。 そんな時はこの見え〜るAltを使ってみてはいかがでしょうか。 Altを画像の上にオーバレイしてページ上で視覚的にチェックすることが可能になります。 使い方は至って簡単。ChromeウェブストアでDLし、機能をONにするだけ。Altの確認以外に英字Altの日本語翻訳やWikipedia検索などもワンボタンで利用できます。 使い方 このページの左
Chrome 76 Beta: dark mode, payments, new PWA features 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 なら Web ページ全体のスクリーンショットが簡単に取れる - Qiita
macOS でも Windows でも、OS のスクリーンショットの機能を使うと、ディスプレイサイズに依存する形でしかスクリーンショットが取れない。しかし、Chrome の機能を利用すると、ディスプレイで Web ページ全体が表示しきれない場合でも、1枚の画像としてスクリーンショットが取得できる。 スクリーンショットを取りたいページを開く。 Developer Tools を開く (macOS の場合は Cmd+Opt+I、Windows の場合は F12)。 Developer Tools のプロンプトを開く (macOS の場合は Cmd+Shift+P、Windows の場合は Ctrl+Shift+P)。 プロンプトで full と入力して Enter を押す。 すると、そのページのスクリーンショットがダウンロードされる。
Debugging Websites in Chrome for iOS
$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
Microsoft EdgeのChromium移行とか - fragmentary
週明けに出回った、Microsoft EdgeがChromiumベースになるという話について、Microsoftからアナウンスがあった。 Microsoft Edge: Making the web better through more open source collaboration - Windows Experience Blog For the past few years, Microsoft has meaningfully increased participation in the open source software (OSS) community, becoming one of the world’s largest supporters of OSS projects. Today we’re announcing that we intend to ado
Chromium Blog: The ‘Capable Web’: A 10 Year Retrospective
$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 Canaryで画像の遅延読み込みが利用可能に | スラド IT
Chrome Canaryで画像の遅延読み込み機能が利用可能になっている(Bleeping Computerの記事、 Android Policeの記事、 Neowinの記事)。 Google Chromeの遅延読み込み(LazyLoad)機能実装計画は1月に発表されたもので、画面に表示されない部分の画像や特定のサードパーティiframeについて、ページをスクロールして表示範囲に近づくまで読み込みを延期する。長いページの一番下に配置された画像など、ユーザーがほとんど見ることのない要素の読み込みを行わないことで、データ使用量やメモリー使用量を削減し、読み込み速度を向上させることが目的だ。 iframeの遅延読み込み(LazyFrames)はChrome 68で既に実装されており、「chrome://flags/#enable-lazy-frame-loading」を設定することで有効化できる
Webサイトのクローリングやスクリーンショット撮影が簡単にできるヘッドレスChromeがGCPに登場
Googleのクラウドである「Google Cloud Platform(GCP)」のサービスの1つである「Google App Engine」が2018年6月にJavaScriptの実行環境であるNode.jsに対応し、それに伴ってさまざまなNode.jsアプリがApp Engineで動作するようになりました。その中の一つに「Puppeteer」というものがあり、このPuppeteerを用いるとGUIを描画しないヘッドレスなChromeを簡単に使うことができ、Webサイトのクローリングやスクリーンショットの撮影などが容易に行えるようになります。 Introducing headless Chrome support in Cloud Functions and App Engine | Google Cloud Blog https://cloud.google.com/blog/pro
Firefox 60の性能は1年前とは別物 Chromeを視界に捉える - Mozilla Flux
当ブログでは、Firefoxの延長サポート版（ESR）のメジャーアップデート時期を開発の区切りとみて、Web上で実行可能なベンチマークの測定結果を公開している。今回は、Firefox 60のパフォーマンスをFirefox 52およびChrome 66と比較する。 検証を行った具体的なバージョンを挙げると、32bit版Firefox 52.7.4（ビルドID：20180427222832）、64bit版Firefox 60.0 RC2（ビルドID：20180503143129）、それに64bit版Chrome 66（バージョン：66.0.3359.139）である。Firefox Quantumのリリースに伴ってマルチプロセス機能（e10s-multi）が全面的に有効化され、その前に64bit版への移行も開始された。今回のテストではそれらの点が反映されている。 動作環境についてだが、OSは64
Overview of CrUX | Chrome UX Report | Chrome for Developers
The Chrome User Experience Report (also known as the Chrome UX Report, or CrUX for short) is a dataset that reflects how real-world Chrome users experience popular destinations on the web. CrUX is the official dataset of the Web Vitals program. All user-centric Core Web Vitals metrics are represented. CrUX data is collected from real browsers around the world, based on certain browser options whic
A list of cool Chrome DevTools Tips and Tricks
A list of cool Chrome DevTools Tips and Tricks Mar 20, 2018 Starting February 20, 2024 The Chrome DevTools provide an amazing set of tools to help you develop on the Web platform. Here are a few tips you might not know yet Drag and Drop in the Elements panel Reference the currently selected element in the Console Use the value of the last operation in the Console Add CSS and edit the element state
Google’s Chrome ad blocking arrives today and this is how it works
By Tom Warren, a senior editor covering Microsoft, PC gaming, console, and tech. He founded WinRumors, a site dedicated to Microsoft news, before joining The Verge in 2012. Google is enabling its built-in ad blocker for Chrome tomorrow (February 15th). Chrome’s ad filtering is designed to weed out some of the web’s most annoying ads, and push website owners to stop using them. Google is not planni
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Source Order Viewer - Chrome DevTools - Dev Tips
https://chromium-review.googlesource.com/c/chromium/src/+/1265506
Multi-browser Screenshots
