javascript - Puppeteer Sharp：加载内容时设置假路径？

Question

我正在使用 page.SetContentAsync(myHtml); Puppeteer Sharp 中的方法来加载一些未托管在任何服务器上的 HTML。

不幸的是，在我的 HTML 中，我需要使用一个 JS 脚本（我不能轻易修改它），它依赖于location.pathname包含至少一个斜杠的值/（它对其进行一些解析），否则它会崩溃。

有没有办法通过 Puppeteer 本身或简单的 JavaScript 来覆盖/伪造 的值location.pathname？

Answer 1

您可以使用禁用同源策略--disable-web-security，然后使用history.replaceState()替换浏览器历史记录中的当前条目。

这将更改 的值而location.pathname不会导致页面重定向。

考虑以下示例：

'use strict';

const puppeteer = require( 'puppeteer' );

( async () =>
{
    const browser = await puppeteer.launch({
        'args' : [
            '--disable-web-security'
        ]
    });

    const page = await browser.newPage();

    let pathname = await page.evaluate( () =>
    {
        const fake_pathname = '/example/index.php';

        history.replaceState( null, null, 'http://_' + fake_pathname );

        return location.pathname;
    });

    console.log( pathname ); // /example/index.php

    await page.setContent( /* ... */ );

    // Perform your task ...

    await browser.close();
})();