Google to phase out user-agent strings in Chrome
Google has announced plans today to phase out the usage of user-agent strings in its web browser Chrome. For readers unfamiliar with the term, user-agent (UA) strings are an important part of the modern web and how browsers function. A UA string is a piece of text that browsers send to websites when they initiate a connection. The UA string contains details about the browser type, rendering engine
AndroidのChrome 78のPreload問題 - Qiita
問題になっているサービスは多いのではないかと思いつつも、あまり騒ぎになっていないので不思議だなと思っているkumanomiです。 どんな問題なの？ AndroidのChrome78.0.3904.108にて、Preloadの機能が有効になりページ内のリンクを勝手に踏んでしまい予期せぬ挙動をしてしまう問題が発生しています。 たとえば・・・ ログインをしようとした際にプリロード機能によって勝手にログアウトのリンクが踏まれてしまいログアウトしてしまう 商品の購入や予約ができない 強制的にトップページに戻されてしまう 選択したものと異なる振込先が選択された状態となる 結構致命的なものも多いと思うんですよね 。 同現象が起きているサービスなど一部抜粋 無印良品 高速バスネット 三井住友銀行 あおぞら銀行 福井銀行 中央労働金庫 きらぼし銀行 mixi お知らせのサンプル 現在、Androidスマート
Google Chrome EV表示の終焉 - ぼちぼち日記
1. Chrome でEV証明書の組織名表示がなくなる ついにGoogleからChromeのURLバーからEV表示を削除する正式なアナウンスが出ました。 Upcoming Change to Chrome's Identity Indicators EV UI Moving to Page Info 現在(2019年8月) StableのChrome76では、以下の様にURLバー左側にEV証明書を利用していることを示す「組織名+国名」表示が付いています。 Chrome76のEV表示 2019年9月10日Stableリリース予定のChrome77からはEV表示がURLバーから削除され、鍵アイコンをクリックして表示されるPage Infoに「組織名＋国名」が表示されるようになります。 Googleのアナウンスでは、 "on certain websites" と書いてあることから一気にではなく
Chrome拡張でとっても役立つAPIのまとめ - Qiita
「BLOCK CLOCK」という、Chrome拡張のサービスを作りました。リリースの記事をQiitaにも投稿してサービスの紹介をさせていただいたのですが、技術的な内容が全くなかったので、開発に使用したChrome ExtensionのJavaScript APIsにも触れておきたいと思います。 Chrome拡張を作るためのGoogoleが提供しているChrome ExtensionのJavaScript APIsを呼び出しています。公式リファレンスは存在していますが全て英語で書かれており、APIの内容を調べるのに苦労しました。 Chrome拡張の開発で、同じように苦戦する方がいると思うので、少なくとも僕が使ったAPIだけは今回まとめておこうと思います。 JavaScript APIs BLOCK CLOCK - 仕事の時間をSNSから守るクローム拡張 マニフェストファイル chrome拡張
音声付き動画自動再生まとめ - Qiita
Chromeの自動再生ポリシーが2018年4月に変更されるらしいので、 現状と対応、他ブラウザもろもろざっくりまとめ https://developers.google.com/web/updates/2017/09/autoplay-policy-changes *無音の場合は常に許可される *Safariは無音の場合でも、ユーザーが自動再生の許可を出した場合のみ 2018年3月まで ■自動再生OK ・Chrome *2018年3月まで ・Firefox ・IE ・Edge ■自動再生NG ・スマホ ・Safari *ユーザーが自動再生の許可を出した場合のみ自動再生が可能 Safari ユーザーが自動再生の許可を出した場合のみ自動再生が可能 環境設定 ↓ Webサイト ↓ 自動再生 ↓ 全てのメディアを自動再生 2018年4月から（予定） Chromeは2018年4月以降条件に達した場合
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」の機能 重要度の低いコンテ
Chromeの開発者ツールを使って特定のDOM要素だけスクリーンショットする方法 - Qiita
特定のDOM要素のみスクショする機能がChromeにあるってことをさっき知りました。 大変便利だったので書き留めます。 元ネタ: Chrome DevTools: Capture the screenshot of a specific element /dev tips 特定DOM要素をスクショする方法 例えばQiitaのあるコードブロックだけ撮影したいとします。 Command + Shift + i で開発者ツールを起動して自力で選択 または 右クリック → 検証 として開発者ツールのElementsタグを開き、DOMが選択されている状態にします。 この状態で Command + Shift + p を押すと文字入力欄が開くので、 node screenshotと打ち込むと、打ってる途中で Mobile Capture node screenshot という選択肢が絞りこめます。 ク
「アドレスがブロックされました。」というポップアップが出はじめた - 初老のボケ防止日記
先日、自宅でPCを起動しブラウザを立ち上げると、利用しているセキュリティソフトが以下のポップアップを出してきた。 その時ブラウザで表示していたページ自体に原因があると思い、別タブで他のサイトを表示させて今まで開いていたタブを閉じてみたのだがそれでもポップアップがでてくる。自分が、利用しているブラウザはChrome。念のためウィルススキャンを実行してみたものの、特に脅威は見つからない。"脅威は検出されなかったし、怪しいサイトへのアクセスをブロックしてくれてるならいいのかな"と思いつつ、本日会社でブラウザを起動すると同じような症状が発生。こちらも同様にウィルススキャンを行った結果はシロ。この時点で"自宅と会社の両方で発生するということは、Chrome拡張なのかも知れない"と思い始めて検索してみたら、同じ症状に遭われているヒトのツイートを発見。そして、そこには「Silver Bird」の文字が。
📋Trello.md - みずぴー日記
TrelloボードをMarkdownに変換してクリップボードに書き込むChrome拡張を作った。 ボードの例 変換後のMarkdownの例(esaで変換した) 📦インストール Trello.md - Chrome Web Store Trelloのボードを開いた上で画面右上のアイコンをクリックすると、Markdown化されたボードの内容がクリップボードに書き込まれる。 💞動機 ふりかえりのKPTを書くのにTrelloを使っていると、内容のスナップショットを保存したいことがある。 その際、ボードの内容をMarkdownに変換してesaなどに保存すると便利である。 この用途のためにYusukeKokubo/trello2md: Export Trello Cards to Markdown formatというのがあるが、CLIツールで若干起動が面倒だったのでChrome拡張にした。 ✨Re
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome Chrome 59 でリリースされますChrome ブラウザをヘッドレス環境で実行する方法です。 基本的に Chrome なしで Chrome をご利用いただけます。Google が提供する最新のウェブ プラットフォーム機能をすべて使用可能 をコマンドラインに追加することもできます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、自動化されたテストやサーバー環境に最適なツールです。 表示する UI シェルは不要です。たとえば、特定の環境に対する PDF を作成することも、ブラウザで URL がどのようにレンダリングされるのかを調べることもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、Chrome バイナリを開くことです。 使用できます。Chrome 59 以降をインストールしている場合は、--headle
Chrome 拡張機能で Firebase を使う方法
.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
2016年度版 僕が考えたChrome拡張機能を作るときのデザインパターン - Qiita
4年近く前の2012年に僕が考えたChrome拡張機能を作るときのデザインパターンというエントリを書きました。最近参加したイベントで「よういちろうさんの拡張機能の記事見て作ってみました〜」と声をかけてくれた人がいて嬉しかったのですが、2012年のそのエントリは、すでに内容が古くなってしまっています。最近の状況を踏まえて、内容を新しくした「2016年度版」を書いてみようと思います。 変更しようと思った点は、以下です。 prototype.jsは使わず、ECMAScript 2015で書く。 Background Page(常駐型)ではなく、Event Page(非常駐型)にする。 そもそも最初のコードセットは自分で書かない。 本文やコード的には、2012年度版をコピペしています。 （この投稿の内容は、自分のブログエントリと同じです。） 前にいくつかのChrome拡張機能を作っていて、すでに数
Chromeのヘッドレスブラウザがやってくる。というわけで試してみた。 - Qiita
注意：この記事は古いです。2016年06月06日に書いた記事です。 2017/04/14 追記： Chrome59から正式にヘッドレスモードが搭載されます。 ヘッドレスモードではPhantomJSなどのようにJavaScriptでヘッドレスブラウザを制御することも可能です。 https://chromium.googlesource.com/chromium/src/+/master/headless/ 2017/06/07 追記： NightmareJS風に操作できるライブラリをリリースしています。 ヘッドレスChromeをもっとも簡単に操作できると思われるNightmareJS風ライブラリ http://qiita.com/devneko/items/3689b46fc2bcdb8121a8 先日、Googleの人が「Headless Chrome is coming so soon」
「ホーム画面に追加」からはじめる『PWA(Service Worker)』 - Qiita
Android ChromeでService Workerが使えるようになり、徐々に盛り上がりを見せそろそろ使ってみても良いんじゃ・・・という匂いも感じ始めています。 ブラウザプッシュでの通知やキャッシュなどの機能にService Workerの注目が集まりがちですが、これらの実装はかなり複雑でやっかいです。 その中でも一番実装が簡単なService Worker(?)がホーム画面に追加の機能です。 この機能はService WorkerのJSは１文字書く必要がないので、Service Workerの実装を始める前にやっておくのも良いと思います。 実際に実装してみると、下からにゅるっと出てきます 条件 HTTPS接続（または localhost） Android Chrome 42以上 が必要です。SSLは https://letsencrypt.org/ で無料で入れられるので入れましょ
はてなNG - Chrome Web Store
NGリストを登録して「はてな」公式サイトをフィルタリング！ 目障りなエントリー、コメントやスターをブロックします。あなただけの快適な「はてな」を楽しんで下さい。 以下のフィルタリングが機能します。 ・ NGアドレスのエントリーをブロックします。 ・ NGワードを含むエントリーをブロックします。 ・ NGアカウントのコメント、はてなスター、ブログをブロックします。 ・ 同一アカウントの連打による複数のスターをひとつのスターにして表示します。 [対象サイト] はてな（http://www.hatena.ne.jp/） はてなブックマーク内ページ（http://b.hatena.ne.jp/） ※機能は上記「はてな」公式サイトのページデザイン（2014年11月現在）に依存しております。「はてな」公式サイトのデザインが変更された際には動作しなくなったりレイアウト崩れしてしまう場合があります。ご了承
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google ChromeがFTPの廃止に向け、機能をフェードアウト
Chromeさえあれば自宅や外出先から会社のパソコンを操作できる！
「Google Chrome」から10周年、新デザインをまとった「Google Chrome 69」が正式公開／HTTPSサイトで表示されていた“保護された通信”ラベルは撤去。40件の脆弱性も修正
Chrome での DevTool 検知について - Qiita
TechCrunch
