それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

chrome

headless chrome を使うために、Linuxに最新版のChromeを常に入れておく

headless chrome のためDebian/Ubuntuに最新版のChromeを突っ込む。 最新版のChromeは Google の配付サイトに用意されている。 配付サイトのapt 鍵をいれる。 wget -q -O - https://dl.google.com/linux/linux_signing_key.pub | sudo apt-key add - sudo ap…

HTTP/2(http2)通信しているかChromeの開発ツールで確認する

http/2 通信をしているか確認したい。 Chromeの開発ツールで手軽に確認ができます。 開発ツールを開いて、ネットワーク・タブを開く ネットワークタブのヘッダ行を右クリック ヘッダ行を右クリックすると、いろいろ選べる。ここからプロトコルを選ぶと、HTTP…

Google Chrome / Apple Safari は 301 リダイレクトやHSTSをずっと保存する!?

301/302 のどっちが良いか調べてて気になった。 HTTS ステータスコード 301 でリダイレクトしたら、その転送結果がキャッシュされて、リダイレクト後に戻ってこれない。 301 のリダイレクトがずっと残るので気になってた。 https://stackoverflow.com/questi…

chrome でHTML をPDFに変換する

HTMLをPDFに変換する --print-pdf オプション HTMLをPDFに変換するコマンドは、いくつか有るけれど、 chrome のオプションだけで実現できる。 しかも chrome59 から headless オプションがあって更に便利になった。 コマンドの使い方 chrome-bin --headless …

ChromeのDeveloper tools(開発ツール)のコンソール(コマンドライン)で出てくる記号と関数

chrome の dev tools に出てくる関数 $ と $$ の違い $ = document.querySelector $$ = document.querySelectorAll $x は Xpath $x('//a') xpath は組み立てと呼び出しが面倒なので、とても嬉しい。 その他の関数をマトメておくと クエリ系 $ $$ $x 直前のも…