デベロッパーツールを開くことなく、デベロッパーツールの機能を使用して

Powered by Google Translate

「DevToolsの機能Xが本当に好きですが、DevToolsを閉じると機能が停止しますが、DevToolsが閉じても機能Xを実行するにはどうしたらいいですか?

短い答えは、おそらくできないことです。

ただし、Chromiumを起動し、リモートデバッグクライアントを開き、 Chrome DevTools Protocol明示的に開くことなく( Chrome DevTools Protocol経由で)好きなDevTools機能をオンにするPuppeteerスクリプトを一緒にハックすることができます。

たとえば、以下のスクリプトでは、 FPS Meterが開かない場合でも、ビューポートの右上にFPS Meterをオーバーレイすることができます。

// Node.js version: 8.9.4
const puppeteer = require('puppeteer'); // version 1.0.0

(async () => {
  // Prevent Puppeteer from showing the "Chrome is being controlled by automated test
  // software" prompt, but otherwise use Puppeteer's default args.
  const args = await puppeteer.defaultArgs().filter(flag => flag !== '--enable-automation');
  const browser = await puppeteer.launch({
    headless: false,
    ignoreDefaultArgs: true,
    args
  });
  const page = await browser.newPage();
  const devtoolsProtocolClient = await page.target().createCDPSession();
  await devtoolsProtocolClient.send('Overlay.setShowFPSCounter', { show: true });
  await page.goto('https://developers.google.com/web/tools/chrome-devtools');
})();

これは、DevToolsの多くの機能のうちの1つで、Chrome DevToolsプロトコル経由でアクセスすることができます。

一般的な提案:DevToolsプロトコルクライアントの作成に頼る前に、 Puppeteer APIチェックしてください。 Puppeteerはすでに、 code coverageintercepting Console messagesなどのDevToolsの多くの機能に専用のAPIを備えています。

Puppeteer、 ask a question on Stack Overflow介してDevTools機能にアクセスするための助けが必要な場合。

あなたはデベロッパーツールプロトコルを使用する人形遣いスクリプトを誇示したい場合は、でお問い合わせをつぶやき@ChromeDevTools

rss_feed Subscribe to our RSS or Atom feed and get the latest updates in your favorite feed reader!