我正在嘗試創(chuàng)建一個代碼，以檢查某個頁面是否具有響應式設計，我打算如何做到這一點？簡單，基本上是在網(wǎng)站響應時，它的所有元素（例如div，span，footer，header，section等）通常具有相同的屏幕寬度，或者通常不超過該寬度。例如，如果我們打開一個網(wǎng)站，為響應移動設備（例如iPhone 6，具有375x667），并且我們分析所有的HTML元素（div，span，header，section，footer），我們會看到，他們都沒有寬度375超過。那我的主意是什么？使用操縱符創(chuàng)建代碼進入網(wǎng)站，模擬移動設備（iPhone 6），抓取所有HTML元素，并檢查每個HTML元素的寬度是否大于iphone 6的屏幕寬度（375像素）。為此，我嘗試以下代碼：const browser = await puppeteer.launch();const page = await browser.newPage();await page.goto('http://stackoverflow.com/my-example.html');await await page.emulate(devices['iPhone 6']);const allstyles = await page.$$('table');await browser.close();console.log(allstyles);在http://stackoverflow.com/my-example.html我有很多表中，其中一個表的寬度為600像素（iPhone 6的寬度為375像素以上）：<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">....如何使用Puppeteer獲取所有元素的寬度并檢查寬度是否大于375px？