[B! javascript][chrome] orenonihongogayabaiのブックマーク

Getting Started with Headless Chrome | Blog | Chrome for Developers

TL;DR Headless Chrome is shipping in Chrome 59. It's a way to run the Chrome browser in a headless environment. Essentially, running Chrome without chrome! It brings all modern web platform features provided by Chromium and the Blink rendering engine to the command line. Why is that useful? A headless browser is a great tool for automated testing and server environments where you don't need a visi

orenonihongogayabai 2018/05/11

リンク

Payment Request API のよくある誤解を解く

このポストは Chromium Browser Advent Calendar 2017 の 12/8 分です。先日 Medium に投稿した英語版を翻訳し、日本向けに若干加筆したものになります。 Payment Request API が登場してからというもの、おかげさまで非常に多くの方に興味を持っていただいています。一方、その複雑さから勘違いや、誤った情報を元に盛り上がってしまっているような状況が起きています。この記事では、みなさんの反応を見ている中でよくある誤解を解き、正確な情報を提供しようと思います。そもそも Payment Request API が何かご存じないという方は、まずここから読んでいただくと良いと思います。 Web Payment API? Chrome Payment API? Google Payment API? # すべて間違いです。正しくは "Paymen

orenonihongogayabai 2017/12/08

リンク

--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita

--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer についてJavaScript Chromee2e puppeteer はHeadless Chrome をNode.jsで操作しやすくしたライブラリです。今日(※ 2017/8/17)一日で凄い勢いでGitHubのトレンド入りしており、TLでも話題になっていたので、早速触ってみました。 Node.jsでChromeを操作するというコンテキストにおいては、Nightmare.jsと同じレイヤに属するプロダクトですね。Nightmare.jsはElectronを介在させることで、Chromeの操作を実現していましたが、今年の5月にChromeでheadlessモードが利用可能になって以降1、headless Chromeを直接操作するライブラリが色々と出始めていますね。この系統は、chr

orenonihongogayabai 2017/08/18

リンク

HTTP Headers という 5万人が使っている Chrome 拡張のマルウェア疑惑。セッション盗まれて BTC も盗まれそうになった話。 - clock-up-blog

疑惑どころか 99.99% くらい黒な話。（後記：セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい）追記：続報 11月3日今回指摘した HTTP Headers 以外にも、「Tab Manager」「Give Me CRX」「Live HTTP Headers」等で同様（？）の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様（？）。皆さま情報ありがとうございます。 11月4日 Zaif については、「不正な Chrome 拡張」と「スクリプトから保護されていなかったクッキー」のコンボによりセッションが盗まれていた可能性あり。 Zaif のセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog

orenonihongogayabai 2016/11/03

リンク

JavaScript’s new IntersectionObserver

The new IntersectionObserver landed in Chromium about a week ago. I find it pretty awesome and wanted to do a quick run down on it. This new API eliminates a lot of the headaches where you would have to do things like poll the page to determine when a element is visible. For example, I have a tab that is not selected and it contains some widget that needs to size itself. I hacked around it like th

orenonihongogayabai 2016/04/18

リンク

Chrome Developer Toolsを使いこなそう！

入門 Kubeflow ～Kubernetesで機械学習をはじめるために～（NTT Tech Conference #4 講演資料）NTT DATA Techno logy & Innovation

orenonihongogayabai 2015/11/27

リンク

Chromeのtextareaに大量の文字が入ると重くなる点の対策 - Qiita

ページ読み込み時、textareaに大量の文字(5,000行程)が入ってると、Chromeでだけ重くなるので、アレコレ試してみた。 (※ Chrome バージョン 35.0.1916.153) 症状 textareaの中に、プレーンなCSSが5,000行程入った状態。重くなるのは、テキストエリアのスクロールを最下部へ一気にスクロールした場合。かなり反応が悪くなり、たまにブラウザがクラッシュすることも。 AndroidのChromeだと、アプリが落ちた。。テキストエリアを下までスクロールしない場合は、何も問題なし。謎なぜかChromeだけで、他のブラウザは全て大丈夫。ローカルに保存したHTMLの場合には発生せず、サーバから読み込んだHTMLの場合にだけ発生しているようす。 CSSやJavaScriptも全てカットして、textareaだけになっても回避できず。回避策色々試した

orenonihongogayabai 2014/07/04

リンク

覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita

DevTools、使ってますか？もはやChromeじゃないと開発できないくらいに飼い慣らされています。ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line API の使い方についてまとめてみました。 $_ $_には最後に評価した式の結果が保存されています。 Console上で計算を行なった場合や、$セレクタなどでDOMを検索した結果など、最後の結果が常に保存されます。 $0 〜 $4 $0から$4にはElementsパネルで選択した要素が5つ保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素になります。 $0は特に使いや

orenonihongogayabai 2014/04/16

リンク

作業効率が10倍アップする Chrome Developer Tools の使い方 - はてブロ@ama_ch

というタイトルで社内勉強会を開きました。その時の資料を公開します。「作業効率が10倍アップする」かどうかは個人差があるのでご注意ください。最近のChrome Developer Toolsは本当に高機能ですごいですね！僕も資料を作っていて新しい発見が沢山ありました。追記: 説明不足ですいません。スライドは←→キーで移動します。表紙にも記載しておきました。作業効率が10倍アップする Chrome Developer Tools の使い方あとキャプチャをとるのに使ったSkitchが便利すぎて感動しました。