Can’t make the #ChromeDevSummit this year? Catch all the content (and more!) on the livestream, or join your peers for a CDS Extended event at a hosted location nearby. To learn more, check out the Chrome Dev Summit 2019 website.

Sử dụng các tính năng DevTools mà không cần mở DevTools

Powered by Google Translate

Tôi thường thấy các câu hỏi dọc theo dòng "Tôi thực sự thích tính năng X của DevTools, nhưng nó ngừng hoạt động khi tôi đóng DevTools. Làm cách nào để giữ cho tính năng X chạy ngay cả khi DevTools bị đóng?"

Câu trả lời ngắn gọn là: bạn có thể không thể.

Tuy nhiên, bạn * có thể * tấn công cùng nhau một tập lệnh Puppeteer khởi chạy Chromium, mở một máy khách gỡ lỗi từ xa, sau đó bật tính năng DevTools mà bạn thích (qua Chrome DevTools Protocol ), mà không bao giờ mở DevTools một cách rõ ràng.

Ví dụ: tập lệnh bên dưới cho phép tôi che phủ FPS Meter trên cùng bên phải của chế độ xem, mặc dù DevTools không bao giờ mở ra, như bạn có thể thấy trong video bên dưới.

// 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');
})();

Đây chỉ là một trong nhiều tính năng của DevTools mà bạn có thể truy cập thông qua Giao thức Chrome DevTools.

Một gợi ý chung: kiểm tra Puppeteer API trước khi sử dụng để tạo một trình khách giao thức DevTools. Puppeteer đã có các API chuyên dụng cho nhiều tính năng của DevTools, chẳng hạn như code coverageintercepting Console messages .

Nếu bạn cần trợ giúp truy cập tính năng DevTools thông qua Puppeteer, ask a question on Stack Overflow .

Nếu bạn muốn thể hiện một kịch bản Puppeteer sử dụng Giao thức DevTools, hãy tweet chúng tôi tại @ChromeDevTools .

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