由 http://www.fullstackoptimization.com/ 与 https://die-antwort.eu/ 合作开发
Chrome 应用商店:https://chrome.google.com/webstore/detail/f19n-obstrusive-live-test/jbnaibigcohjfefpfocphcjeliohhold?hl=en
用户 doku:https://docs.google.com/document/d/1UktjtxNe71vPKvw_D4xELX2RMJAXXI4-hrMC7Pinb6U ← ?
之前广为人知的广告“f19n Obtrusive Live Test”……新名字没那么吓人了! (这不是一个可怕的应用程序,这是一个很棒的应用程序!)
它是一个沙盒、可扩展的实时测试 Chrome 扩展和框架!它在您访问的每个页面上运行预定义和自定义测试,并提供直接的视觉反馈。
目前它有多个针对 SEO、网络性能和社交媒体最佳实践的预定义规则。
该扩展收集对象中页面加载的整个生命周期(http-headers、onpageload、onDOMready...),然后针对该对象执行 javascript 函数并返回测试反馈。
请参阅 /src/public/default-rules 以获取当前默认测试内容的列表。所有规则都可以检查、禁用/启用。定期添加新的默认规则。
请参阅 /sample-rules/sample.page-object-25112017.json 以了解收集了页面加载生命周期的哪些数据。
一切!您可以编写自己的测试!在页面加载和渲染生命周期期间浏览器中发生的任何事情都可以被检查和剖析!
此外,它还可以从这些规则中调用第三方 REST-API。甚至忽略 CORS 标头或正常的获取限制。
您也可以通过 fetch 获取普通页面和其他资源。即:在一个页面上执行的规则可以获取同一域或其他第三方域的其他 URL。请参阅 /default-rules/robotstxt-googlebot-url-check-v2.js 了解获取域的 robots.txt 的规则,然后测试当前测试的 URL 是否允许/禁止。
请参阅谷歌文档
要开发自己的规则,您只需通过 Chrome 应用商店安装扩展程序即可。
如果你想深入挖掘,我们可以克隆这个代表。进而:
npm install
运行构建过程一次(为此,您需要安装 grunt-cli npm install -g grunt-cli
)。它将监视更改的文件并在必要时自动重新加载扩展。
grunt
打开 chrome://extensions/ 并将解压扩展的安装指向 ./build 文件夹。
运行以下命令来构建可用于生产的 zip 存档,该存档可以上传到 Google 扩展仪表板。
grunt dist
存档将保存到/dist/export.zip
。
生产就绪规则可以在 /src/public/default-rules 中找到
/sample-rules 里面有一些示例规则以及如何编写自己的规则的文档。然后可以在扩展程序的设置页面上将规则添加到您的应用程序中。
请参阅 /sample-rules/debug-hello-world.js 了解一个非常简单的起点(以及 /sample-rules/debug-hello-world-with-comments.js 了解一些解释)
另外 /sample-rules/debug-stringify-page-object.js 为您提供了一种简单的方法来检查您访问的每个页面的页面对象(收集的有关页面生命周期的信息)。
此存储库中的所有其他代码(如果没有另外定义)当前可在
贡献许可证。
欢迎您来到
目前没有
这些限制不适用于 /sample-rules/ 和 /public/default-rules/ 代码。
该许可证将来可能会发生变化。我必须弄清楚该产品的最佳长期许可证是什么。
权利持有者:Franz Enzenhofer fe at f19n dot com