如何自动测试chrome扩展中的内容脚本？

Question

我编写了一个chrome扩展程序，它通过内容脚本解析各种站点信息。现在每隔一个月我支持的一个网站就会改变他们的html布局，移动到另一个地址等等。所以我必须更新我的扩展。

拥有14个支持的网站（不断增长），每个网站都有5-7个属性，这些网站太多了。有没有办法在网站的上下文中自动运行我的js函数并检查结果？

我用iframe尝试了它，但是由于相同的原始政策而没有用。

Answer 1

我为此创建了测试扩展。它导航到预定义的页面列表，并检查每个页面上的预期修改（特定标记的存在）。在您的情况下，它可能是具有解析结果的数据标记。或者您可以与测试扩展共享业务逻辑代码，只需添加其他验证代码

Answer 2

我最终在我的扩展程序中创建了一个测试页面。只有在您知道正确的路径时才能访问它。

然后，此测试页面会使用chrome.tabs.create打开我的扩展程序支持的所有网站，然后使用chrome.tabs.executeScript插入我的测试代码。 executeScript可以返回测试结果，然后显示在我的测试页面上。

代码：

• https://github.com/shylux/FocusManga/blob/master/extension/testing.js（执行测试，呈现结果）
• https://github.com/shylux/FocusManga/blob/master/extension/testing.html（输出，模板）
• https://github.com/shylux/FocusManga/blob/master/extension/testing_hoster.js（数据，预期结果）