[B! Chrome] hisasannのブックマーク

Google Chromeでアドレスバーからフォーカスをはずすショートカット - Qiita

なやみ Mac版Google ChromeではCommand + Lを押下するとアドレスバーにフォーカスするデフォルトのショートカットがあるが、いったんフォーカスすると入力待ち状態になったまま抜け出せない…！Escも効かない…。これは特にVimiumユーザにとって深刻な問題で、jやkで上下移動をしたり、Vomnivarを出したりしようとしてキーを押すとアドレスバーへの入力として認識されjjjjjjjjみたいになる解決策色々調べて行き着いたのは結局Vimiumのイシューで、同様のなやみに対するハックがとても良かったので紹介要するに「Google ChromeのSearch Engineで空のJavaScriptを実行するキーワードを設定しておく」 Google Chromeの設定ページ→Manage Search Engine（chrome://settings/searchEng

hisasann 2020/10/16

Chrome

リンク

Upcoming Chrome releases

$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

hisasann 2020/03/21

Chrome

リンク

TechCrunch

Hello, and welcome back to Equity, the podcast about the business of startups, where we unpack the numbers and nuance behind the headlines. Our Monday show covers the latest in tech news from the wee

hisasann 2019/05/09

リンク

ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers

要約ヘッドレス Chrome は Chrome59でリリースされます。Chrome ブラウザをヘッドレス環境で実行する方法です。基本的には Chrome を使わずに Chrome を実行しますこれにより、Chromium と Blink レンダリングエンジンが提供する最新のウェブプラットフォーム機能がすべてコマンドラインに組み込まれます。なぜこれが有用なのでしょうかヘッドレスブラウザは、UI シェルを表示する必要のない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、そのウェブページを PDF 化したりできます。また、ブラウザが URL をどのようにレンダリングするかを検査することもできます。 Headless︵CLI︶の起動ヘッドレスモードを開始する最も簡単な方法は、コマンドラインから Chrome バイナリを開くこと

hisasann 2017/05/16

リンク

DevTools Timeline Viewer

Wanna compare traces? Enter multiple URLs, seperated by commas. Once you select a timerange in one of the traces, the other viewers will automatically zoom to the same size timerange, for easy comparison. Privacy No data is stored by this app; it's clientside only. Visit your Google security permissions if you'd like to revoke authorization. Google Drive Integration (very optional) Once authorized

hisasann 2017/01/18

dropbox で timeline のデータを公開して、URL を入れるとその状態をシェアできるサイト

Chrome

リンク

ブラウザのクレデンシャル管理と連携するCredential Managementを試す - ASnoKaze blog

Credential Management クレデンシャル管理機能と連携するためのAPI仕様「Credential Management」がW3Cで議論されています。 https://www.w3.org/TR/credential-management/ ブラウザは、Webサイトにログインするためのユーザ名・パスワードといった資格情報(クレデンシャル)を独自に管理しています。そしてログインフォームなどを検出すると自動入力等も行います。 Credential Managementでは、このブラウザが持つクレデンシャル管理機能とWebサイト側が連携する仕組みを提供し、ユーザがスムーズにログイン処理を行えるようになります。 JavaScriptからクレデンシャルをストアさせたり、とりだしてログイン処理を行ったりできるようになります。例えば、まずはストアされているクレデンシャルを用いてログイン

hisasann 2016/05/10

リンク

スムーズなブラウジングとメモリ使用率の低減のためのスマートなガベージコレクション

.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

hisasann 2016/01/19

Chrome

リンク

Chrome開発者ツールの小技集 | POSTD

最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました︵少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど︶。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、﹁どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか﹂を示してくれます。例えば、どれかDOM要素に対して﹁要素を検証﹂を選び、右側の﹁Computed﹂というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく

hisasann 2015/11/05

使い方

Chrome

リンク

Introduction | Down and Dirty with Chrome Developer Tools

A deep dive into advanced functionality within the Chrome Developer tools that will enable you to more effectively build and debug web apps. Presented at the 2014 OpenWest Conference.

hisasann 2015/07/27

Chrome

リンク

Advanced Network Filtering - Chrome DevTools - Dev Tips

hisasann 2015/07/15

dev tool、Networkのフィルターで絞り込み

Chrome

リンク

Chrome 43からDOMの属性がJSのプロトタイプチェーンに移行します - Qiita

Chrome43およびそれ以降のバージョンにおいて、DOMの属性︵値︶がJavaScriptのプロトタイプチェーンに移行されます。これにより、突っ込んだことをやっていた場合に、今まで動作していたコードが動かないということが発生する可能性がありますので、事前に変更内容を知り、対策をしておくことが求められます。HTML5Rockの更新情報として掲載されていましたので、さっそく日本語訳をしてみました。心当たりがある方は、ぜひ以下の内容を読んでいただいて、コードの修正などに取り込んでいただければと思います。原文: http://updates.html5rocks.com/2015/04/DOM-attributes-now-on-the-prototype DOM属性は今後プロトタイプチェーンに Chromeチームは、最近﹁DOM属性をプロトタイプチェーンに移動しています﹂とアナウンスしてい

hisasann 2015/04/15

HTML5
Chrome

リンク

Chrome で高速にページを読み込む新しい技術のご紹介

.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

hisasann 2015/04/14

stream

Chrome

リンク

Chromeの右上にある名前の消し方

蒼月 @aomixer Chromeの右上︵閉じるボタン付近︶に自分の名前が表示されるようになった・・改悪としか思えん。非表示にしたいのに設定もない。ごみすぎる。。。

hisasann 2015/01/14

Chrome

リンク

Effective web performance tuning for smartphone

第三回DeNAゲーム開発勉強会の資料です。 https://atnd.org/events/59594Read less

hisasann 2014/12/17

リンク

» GIFアニメがリロードのたびに動いてくれなかった | negic

hisasann 2014/08/07

アニgif

リンク

モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」

モバイルWeb開発に役立つ！Chrome DevToolsの新機能﹁デバイスモード﹂ Tomomi Imura︵Slack︶今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。このセッションを行ったPaul Bakaus氏︵以下、ポール氏︶は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle

hisasann 2014/07/28

Chrome

リンク

Burying the URL

Burying the URL Chrome considers hiding the location field. April 30, 2014 • 3 min read Today, a Canary build of Google Chrome removed something kind of important from the browser: the URL. Of course it still supports them, but the time where users actually see URLs is ending. With Chrome’s “Enable origin chip in Omnibox” flag, Location becomes a write-only field. Clicking there no longer reveals

hisasann 2014/06/05

Chrome

リンク

300ms tap delay, gone away | Blog | Chrome for Developers

For many years, mobile browsers applied a 300-350ms delay between touchend and click while they waited to see if this was going to be a double-tap or not, since double-tap was a gesture to zoom into text. Ever since the first release of Chrome for Android, this delay was removed if pinch-zoom was also disabled. However, pinch zoom is an important accessibility feature. As of Chrome 32 (back in 201

hisasann 2013/12/17

リンク

意外と知らないChrome Developer Toolsの便利な機能 - Qiita

参考資料がすべて英語なので、日本語で情報がまとまってる場所が欲しいと思いこの記事を作りました。﹁俺もっと便利な機能知ってるぜ！﹂﹁こういうことできないの？﹂って思った人はコメント/編集リクエストをくれると僕の幸せのステージがどんどん上がります。 DevToolsの起動するショートカットキーは？開くだけ F12, Ctrl + Shift + I (Win, Linux) Opt + Cmd + I (Mac) 要素の検証(Inspect Element)と同じ状態で開く Ctrl + Shift + C (Win, Linux) Shift + Cmd + C (Mac) Consoleタブが開いた状態で開く Ctrl + Shift + J (Win, Linux) Opt + Cmd + J (Mac) DevToolsって下じゃなくて右に持ってこれないの？ Dock To Righ