AIエージェントやスクレイピングでChromeをCDP(Chrome DevTools Protocol)から動かしていると、ターミナルで文字を打っている最中に自動操作のブラウザが前に出てくることがあります。
打っていた文字の行き先がブラウザに変わり、作業が止まります。
この記事では、CDPの命令を15個選んで、1つずつ「前面のアプリを奪うか、奪わないか」を測りました。
その測定結果をもとに、人が隣で作業していても前に出てこない自動操作の組み方をまとめています。
書き手は宮城県塩竈市で、1人でWeb制作とSaaSを作っているエンジニアです。
自分の作業環境で自動操作のブラウザをCDP直結に作り直した翌日に、入力欄を取られる問題が出ました。
本文は、その問題を測って直したときの記録です。
対象は次のような方です。
・CDPやPuppeteer系の道具でChromeを自動操作していて、作業中にブラウザが前に出てきて困っている方
・AIエージェントにブラウザを操作させながら、同じMacで自分も作業を続けたい方
・自動操作の仕組みを外注する前に、どこが難しいのかを知っておきたい方
この記事で手に入るもの
・前面を奪うCDPの命令と、奪わない命令の実測の一覧
・background:true や最小化を指定しても前に出てしまう命令の名前
・背面のタブでマウス操作が5秒止まる現象と、その直し方
・プロセスを起動したときに出る前面化を、元のアプリへ戻す手順
・作業中の人を邪魔しない形でテストを組む方法
目次
・症状:入力中にブラウザが前に出てくる
・計測の手順:前面アプリを0.9秒後に記録する
・前面を奪う命令
・前面を奪わない命令
・奪わない構成の組み方と、背面タブの5秒timeout
・起動時の前面化を元に戻す
・テスト自体が前面を奪う落とし穴
・チェックリストとまとめ
AIエージェントやスクレイピングでChromeをCDP(Chrome DevTools Protocol)から動かしていると、ターミナルで文字を打っている最中に自動操作のブラウザが前に出てくることがあります。
打っていた文字の行き先がブラウザに変わり、作業が止まります。
この記事では、CDPの命令を15個選んで、1つずつ「前面のアプリを奪うか、奪わないか」を測りました。
その測定結果をもとに、人が隣で作業していても前に出てこない自動操作の組み方をまとめています。
書き手は宮城県塩竈市で、1人でWeb制作とSaaSを作っているエンジニアです。
自分の作業環境で自動操作のブラウザをCDP直結に作り直した翌日に、入力欄を取られる問題が出ました。
本文は、その問題を測って直したときの記録です。
対象は次のような方です。
・CDPやPuppeteer系の道具でChromeを自動操作していて、作業中にブラウザが前に出てきて困っている方
・AIエージェントにブラウザを操作させながら、同じMacで自分も作業を続けたい方
・自動操作の仕組みを外注する前に、どこが難しいのかを知っておきたい方
この記事で手に入るもの
・前面を奪うCDPの命令と、奪わない命令の実測の一覧
・
background:trueや最小化を指定しても前に出てしまう命令の名前・背面のタブでマウス操作が5秒止まる現象と、その直し方
・プロセスを起動したときに出る前面化を、元のアプリへ戻す手順
・作業中の人を邪魔しない形でテストを組む方法
目次
・症状:入力中にブラウザが前に出てくる
・計測の手順:前面アプリを0.9秒後に記録する
・前面を奪う命令
・前面を奪わない命令
・奪わない構成の組み方と、背面タブの5秒timeout
・起動時の前面化を元に戻す
・テスト自体が前面を奪う落とし穴
・チェックリストとまとめ