New in Chrome 70 | Web | Google Developers
In Chrome 70, we've added support for: Desktop Progressive Web Apps on Windows & Linux. The credential management API adds support for Public Key Credentials. And you can now name workers! And there's plenty more! I'm Pete LePage. Let's dive in and see what's new for developers in Chrome 70! Want the full list of changes? Check out the Chromium source repository change list. Desktop Progressive We
What's New In DevTools (Chrome 71) | Web | Google Developers
New features and major changes coming to Chrome DevTools in Chrome 71 include: Hover over a Live Expression to highlight a DOM node Store DOM nodes as global variables Initiator and priority information now in HAR imports and exports Access the Command Menu from the Main Menu Picture-in-Picture breakpoints (Bonus Tip) Run monitorEvents() in the Console to watch an element's events fire Read on, or
Web Share API が Safari で使えるようになったので使ってみる
概要 昨日 (2018/9/26) リリースされた Safari Technology Preview Release 66 が Web Share API に対応したということで、早速試してみました。 これで Web Share API は Android の Chrome と Safari Technology Preview Release 66 で使用できるようになりました。 下記に本稿のソースコードとデモページを用意しました。 im36-123/webShareApi | GitHub デモページ 実装したコード <button> をクリックすると navigator.share() メソッドを実行します。 <!DOCTYPE html> <html lang='ja'> <head> <title>Web Share API</title> </head> <body> <bu
ChromeブラウザだけでWebサイトのCSSを変更＆シェア可能な拡張機能「StyleURL」を使ってみた！ - paiza開発日誌
どうも、まさとらん（@0310lan）です！ 今回は、WebサイトのCSSを自分好みに変更してビフォー・アフターを簡単にシェアできるChrome拡張機能をご紹介します！ 開発者ツール上で普通にCSSを変更するだけで永続的に適用できるので、ブラウザさえあれば誰でも実行できるのが大きな特徴です。 なお、CSSの基本的な知識はpaizaラーニングの「HTML/CSS入門編」（一部無料）で学ぶことができます。そちらも合わせてチェックしてみてください。 【 StyleURL 】 ■「StyleURL」の使い方 それでは、まず最初に「StyleURL」を使うための準備をしましょう！ サイトにアクセスして、画面中央にあるボタンをクリックします。 「Chromeウェブストア」が表示されるので、画面右上にある「Chromeに追加」ボタンをクリック！ すると、自動的にインストールされて準備が整います。 「St
物議を呼ぶ「Chrome」自動ログイン、次期バージョンで変更へ
「Chrome 69」のユーザー追跡手法について懸念が生じていたことを受け、Googleは同ブラウザに変更を加えることを約束した。 ここ数日、異なるデバイス間で個人データを同期する手法と、Googleが閲覧行動に関するデータをCookieと呼ばれるファイルに保存する手法について、それぞれ批判の声が上がっていた。Googleの担当者は米国時間9月24日から25日にかけて、心配することはないとの姿勢を示しつつも、次期バージョンのChrome 70で変更を加えると発表した。 「この数日間にいただいた皆さんからのフィードバックを把握し、感謝している」と、Googleでセキュリティチームのリーダーを務めるParisa Tabriz氏はツイートした。 Googleは25日の夕方にブログを更新し、同社のインターフェースに新しい選択肢と説明文を追加するほか、ChromeのCookie保存に関するポリシーを
HTML要素からHTTP/2優先度を指定する Priority Hints が動いた - ASnoKaze blog
HTTP/2にはクライアントからHTTPリクエストの優先度を指定することができる。サーバはその優先度に基づいてHTTPレスポンスを返す(無視しても良い)。 一般的にはブラウザ自身が判断し、ページのレンダリングを早くするためにCSSなどは優先度を高く、画像は優先度を低く設定している。 一方で、Webサイトを作る側としては、最初に表示される領域(Above the fold)の画像を優先度高くしてほしいと行ったこともあるだろう。 そこで、HTMLからリクエストの優先度を指示できる「Priority Hints」という仕様の標準化が進められている。 例 すでに、Chrome Canary (71)で動作するようなので試す。 importanceに"high"や"low"を指定する <img src="img/1.png" importance="high"> <img src="img/2.pn
Chrome Dev Summit 2017まとめ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Chrome Dev Summit 2017まとめ 10月23,24日で行われたChrome Dev Summit 2017のまとめ記事を書こうと動画を見始めたのですがすでにまとめ記事があったので、翻訳することにしました。 I Watched All of the Chrome Dev Summit 2017 Videos So You Don’t Have To 新しい発表はあまりありませんでしたが、PWAの啓蒙はたっぷりのイベントでした。 Dan FabulichはRedfinのプリンシパルエンジニアです。 （採用中です！） Chr
Android版Google Chromeで低速接続時にJavaScriptが自動的に無効になる
by rawpixel Google Chromeには2017年10月からJavaScriptの読み込みを無効化してページ読み込み時間を短縮する「NoScript」のプレビュー版が搭載されています。このたび、モバイル環境での機能改善のために、Android版Google Chromeではこの「NoScript」がデフォルトで有効化されることになりました。 Enabled NoScript Preview feature by default on Android (Ibc5f559b) - Gerrit Code Review https://chromium-review.googlesource.com/c/chromium/src/+/1185369 Chrome on Android to disable JavaScript automatically on 2G connect
Overview | Web on Android | Chrome for Developers
Trusted Web Activity is a new way to open your web-app content such as your Progressive Web App (PWA) from your Android app using a protocol based on Custom Tabs. Looking for the code? android-browser-helper library on GitHub Trusted Web Activity demos Bubblewrap, a NodeJs library / CLI to generate and build Trusted Web Activity projects There are a few things that make Trusted Web Activity differ
10 Years of Chrome DevTools
$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
Inside look at modern web browser (part 1) | Blog | Chrome for Developers
CPU, GPU, Memory, and multi-process architecture In this 4-part blog series, we'll look inside the Chrome browser from high-level architecture to the specifics of the rendering pipeline. If you ever wondered how the browser turns your code into a functional website, or you are unsure why a specific technique is suggested for performance improvements, this series is for you. As part 1 of this serie
Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に
「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。 「Blink LazyLoad」の機能と使い方、注意点を紹介します。 A Native Lazy Load for the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「Blink LazyLoad」の機能 セキュアなLazyLoadのポリシー 後方互換性 LazyLoadの有効化 参考資料 終わりに 「Blink LazyLoad」の機能 重要度の低いコンテ
「Webページが見つかりません」と言われたらcache:と入力しよう | ライフハッカー・ジャパン
Webページがうまく表示できないことがあります。 Redditで拡散されて、アクセスが殺到して表示されないのかもしれません。GDPR（EU一般データ保護規則）のような法律によって、日本からのアクセスはブロックされているのかもしれません。 それとも単に、最近削除されてしまったのかもしれません。 普通は、GoogleがWebページのコピーを保存しています。その保存しているページを取得する一番簡単な方法は、アドレスバーに「cache:」と入力することです。 「cache:」と入力してEnterキーScreenshot: LIfehacker USアドレスバーをクリックするだけで、カーソルは一番左まで移動するので、そこで「cache:」と入力してEnterキーを押しましょう。 Googleは、そのページのキャッシュしたコピーを表示します。大抵、かなり普通のページのように見えます。 この裏技は、Go
エンジニアやデザイナーにおすすめのChrome拡張機能5選
GoogleのChromeストアでは、便利な機能を持つ拡張機能が数多く提供されています。 業務内容にあわせて自分に最適なツールをインストールすれば作業効率アップが期待できますが、拡張機能の数が多すぎてどれをインストールしたらよいのか迷ってしまうことはないでしょうか。 今回は、エンジニアやデザイナーをはじめとしたWeb開発業務の方におすすめのChrome拡張機能5選を紹介します。便利なものは取り入れて、作業を効率化して行きましょう。 エンジニアやデザイナーにおすすめなChrome拡張機能5選 1.DevTools Theme: Zero Dark Matrix Chromeウェブストア 「DevTools Theme: Zero Dark Matrix」は、Google Chromeデベロッパーツールの視認性を高めてくれる拡張機能です。 Google Chromeのデベロッパーツールは、デフ
Web制作者は要チェック！Chrome 68でアップデートされたデベロッパーツールの新機能
25日の昨日にリリースされたChrome 68で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 ブラウザの方は、以前から伝えられていた通り、http通信の際に「保護されていない通信」と表示されるようになりましたね。 What's New In DevTools (Chrome 68) コンソールの補助機能 より素早く、信頼性が高いUIとAudits BigIntのサポート Add property path to watch Show timestampsの移動 コンソールの補助機能 Chrome 68では、オートコンプリートやプレビューに関連する新しいコンソール機能が加わりました。 式の結果をプレビュー コンソールに式を入力すると、その式の結果をカーソルの下にプレビューできるようになりました。 sort()の結果をプレビュー Consoleをクリックして、コン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Release timeline | Chrome Platform Status
論争を呼んだChromeの「自動ログイン」機能は、こうして“修正”に追い込まれた
Google Chrome、３２００万台のAndroid搭載端末で動作停止へ
Asynchronous Access to HTTP Cookies | Blog | Chrome for Developers
Getting Started | Google Digital Asset Links | Google for Developers