將外部javascript注入html腳本標簽以獲取cobertura代碼覆蓋率結果

Question

與此類似，我想注入html外部的js文件。

問題背景-我正在使用cobertura為Angular6應用程序生成代碼覆蓋率。 在我的vsts構建中，我正在發布代碼覆蓋率結果，但是當逐步執行文件鏈接時需要觸發.js文件時，瀏覽器出現錯誤：

Blocked script execution in '<URL>' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.

我認為最好的解決方案是執行一個腳本，將javascript代碼直接注入html，而不是從外部鏈接到html。

因此，例如說html是這樣的：

<html>

   <script src="code.js"></script>
...
</html>

然后運行腳本等之后injector.js ：像這樣node ./injector.js

該html將變為：

<html>

   <script>
      function hello() {
         console.log('hello');
      }
   </script>
</html>

你該怎么做？

還是有解決這個問題的更好方法？

Answer 1

由於您的開發是完全基於的NodeJS。

你可以簡單地寫一個劇本的NodeJS

繼NPM模塊不正是確實與一些優化的內聯工作https://www.npmjs.com/package/vsts-coverage-styles

免責聲明： 我寫了上面提到的簡單重復使用的NPM包。