Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に
Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に Google Chromeの開発チームは、Google Chromeをユーザーインターフェイス画面なしで利用できるヘッドレスモードの実装が新しくなったことを明らかにしました。 Chrome’s Headless mode just got a whole lot better! We made Headless more useful for developers by bringing it closer to Chrome’s regular “headful” mode. https://t.co/FhAblWvJQj pic.twitter.com/tJHV0j9fc7 — Chrome Developers (@ChromiumDev) February 22, 2023 ヘ
vagrant環境のseleniumで、chromeブラウザをGUIで動作させる - Qiita
はじめに CentOSは基本CUIのため、seleniumを実行するときはheadlessモードで動かしていましたが 画面確認の度にスクリーンショットを撮っていて開発効率が落ちていました。 そこで開発時は非headlessモード、運用時はheadlessモードと分けたいと思いました。 以下のような方には当てはまるかと思います。 ・ホストOSに開発環境を構築して汚したくない ・開発環境は統一しておきたい ・スクレイピングをする際、スクリーンショットでちまちま画面確認するのが面倒 ・macOS Catalina（ホスト） ・vagrant + CentOS7（ゲスト) ・python + selenium（chromedriver） X11サーバーをインストール X11サーバーをMacOSにインストールします。 現在は同梱していないそうなのでXQuartzプロジェクトから入手します。 XQua
GraphQL Network Inspector
Simple and clean network inspector for GraphQL A platform agnostic network inspector specifically built for GraphQL. Clearly see individual GraphQL requests including support for query batching. Works with any client including Apollo and Relay. 2.19.3 Improvement to collapsable requests DX improvements 2.19.2 Big fix on searching with regex Added newsletter 2.19.1 Improvements to websocket parsing
生産性を爆上げする超高速ブラウザSidekickがおすすめすぎる
記事の更新は定期的に行なっていますが、2022年1月の初回執筆時から素晴らしいアップデートが盛んにおこなわれており、最新のバージョンと記事の情報が一部異なる可能性がありますが、基本的な特徴については紹介できていると思うので参考にしてもらえると幸いです。 Sidekickの特徴 Chromiumベースなので使い心地はほぼChrome 見た目はほぼChrome SidekickはChromiumベースのブラウザなので、基本的な見た目や機能、使い心地はChromeと変わりありません。もちろんChromeの拡張機能も利用できます。今までずっとChromeを使ってきたので、ここが結構重要なポイントだったりします。Chromeを使っていた方なら違和感なく使用できます。 よく使うアプリをサイドバーに配置できる meetsidekick.com 最大の特徴は、左のサイドバーにアプリを配置できることです。
2022年1月においてCSRF未対策のサイトはどの条件で被害を受けるか
サマリ2020年2月にGoogle ChromeはCookieのデフォルトの挙動をsamesite=laxに変更しましたが、2022年1月11日にFirefoxも同様の仕様が導入されました。この変更はブラウザ側でCSRF脆弱性を緩和するためのもので、特定の条件下では、ウェブサイト側でCSRF対策をしていなくてもCSRF攻撃を受けなくなります。この記事では、デフォルトsamesite=laxについての基礎的な説明に加え、最近のブラウザの挙動の違いについて説明します。 （2022年1月29日追記） 本日確認したところ、Firefoxにおけるデフォルトsamesite=laxはキャンセルされ、従来の挙動に戻ったようです（Firefox 96.0.3にて確認）。デフォルトsamesite=lax自体は先行してGoogle Chromeにて実装されていましたが、細かい挙動の差異で既存サイトに不具合が
ruby/debugのChrome Devtools連携をRailsで動かす｜TechRacho by BPS株式会社
morimorihogeです。涼しくなってようやく生きていける感じになって何よりです。 今回はruby/debugに新しく導入されたChrome Devtools連携リモートデバッグ機能を動かしてみたので、そちらを紹介してみようと思います。 ことの起こり 新しいRuby標準デバッガとして開発が進んでいるruby/debugですが、先日こんなTweetがありました。 debug.gem and Chrome browser integration. Thanks Ono-san! pic.twitter.com/3aUdH2zbEo — _ko1 (@_ko1) October 14, 2021 なにこれすごくない！？と思い、今回の記事を書くに至りました。 動きとしては、デバッガのコンソールで open chrome コマンドを実行するとURLが表示され、そのURLにChromeでアクセスす
シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。 でも、Chromeデベロッパーツールを本当に理解していますか？実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。 ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で
サポートが終了したchromedriver-helperからwebdrivers gemに移行する手順 - Qiita
group :test do # chromedriver-helperをインストールすると、必要に応じてChromeDriverをインストールしてくれる gem 'chromedriver-helper' end しかし、このgemは2019年3月31日にサポートが終了します。 NOTICE: Ending support for this gem · Issue #83 · flavorjones/chromedriver-helper chromedriver-helper gemの作者はwebdriversというgemへの移行を推奨しています。 titusfortner/webdrivers: Keep your Selenium WebDrivers updated automatically ちなみに、chromedriver-helperのインストール完了時にも次のようなメッ
2021年のウェブ標準とブラウザ | gihyo.jp
2021年になりましたね。 矢倉眞隆（myakura）です。ウェブ標準やブラウザに興味のあるウェブ開発者です。gihyo.jpでは2009年に「Web標準とその周辺技術の学び方」という連載をしていました。 今回は昨年の泉水さんに代わり、2021年のウェブ標準やブラウザの動向を占おうと思います。2020年は世界もブラウザもそれなりに大きな出来事がありましたので、2020年の動きをまずおさえ、そのうえで2021年はどうなるのかを考えてみました。 W3Cのプロセス改訂でLiving Standardライクな仕様の改訂が増えていく W3Cは2020年9月に、新しいプロセス文書と特許ポリシーを公開しました。 新しい文書プロセスはW3Cの組織の定義や標準化の流れ、意思決定などについて定めた文書です。ここ数年は毎年更新されていますが、2020年はこれまでと比べて最大級とプレスリリースでもうたわれています
開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
Web by Google (TM)
アラン・ギブソンのブログより。 Mozillaの財務状況を見ると、Googleが反トラスト法の問題を回避するように、彼らを生命維持装置に付けていると結論付けるのが理にかなっています。MozillaとGoogleとの契約は、今後の収益の少なくとも70%を占めることになります。これは4億ドルを超え、ブラウザの4%でデフォルトの検索プロバイダになっています。1年間です。私は次の給与を賭けてもいいのですが、MicrosoftのInternet Explorerの独占を巡るトラブルの再発を避けるために、Googleがこのかなり寛大な契約を結んだのではないかと思います。私の推測では、この最新の反トラスト法の波が吹き荒れる頃に、Googleはプラグを抜くことが、彼らの利益になると判断するのではないかと思います。 Mozillaのトラブルで、GoogleはWeChatやFacebookのウォールドガーデン
Capybara+headless-chrome でフルサイズのスクリーンショットを撮る - Qiita
ただし、上の書き方だと画面の一部分しか撮ってくれません... Capybaraでフルサイズのスクリーンショットを撮る フルサイズのスクリーンショットの撮り方を調べるとfull: trueオプションを発見したので付けてスクリーンショットを撮ってみます。 しかし、headless-chromeだとフルサイズに撮れませんでした... 他の方法がないか調べると以下のサイトを発見。 https://testingrepository.com/full-page-screenshot-with-selenium/ take_full_page_screenshotメソッドを適当な場所に定義して、page.save_screenshotをtake_full_page_screenshotに置き換えてみます。 def take_full_page_screenshot(path) width = Capy
Tomek Sułkowski on Twitter: "That feeling when you first discovered `document.designMode` https://t.co/bxA1otzCjN"
That feeling when you first discovered `document.designMode` https://t.co/bxA1otzCjN
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Debug Ruby programs in Chrome DevTools and VS Code
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Ferrum - fearless Ruby Chrome driver
GitHub - rubycdp/ferrum: Headless Chrome Ruby API
ユーザーエージェント（UA）文字列は時代遅れ？ ～「Google Chrome」で凍結・非推奨に／早ければ「Google Chrome 81」から警告【やじうまの杜】
2019-09 Chrome Developer Toolsの使い方/2019-09 How to use Chrome DevTools
Update Chrome to latest version on CircleCI 2.0