JavaScriptでhtml内のscriptをブロックしたい

#実現したいこと
JavaScriptでHTML内のscriptをブロックしたく,

js
1var scriptblock = document.getElementsByTagName("script")[0]; 
2scriptblock.parentNode.removeChild(script block);

を実行したのですが実行前と挙動の変化がなく効果がないと考えました.
どのようにすればscriptを完全にブロックできますでしょうか.
解決策等ご存知の方,お答えいただけますと幸いです.

行動規範の内容に同意します

回答3件

ベストアンサー

JavaScriptで

ブラウザ側のJavaScriptだけでは完全ブロックはできません。

どのようにすればscriptを完全にブロックできますでしょうか.

解決策等ご存知の方,お答えいただけますと幸いです.

サーバー側の応答ヘッダを用いてブラウザの持つ「セキュリティ機能」を活用してください。

CORS オリジン指定で制限をかけることができる
サブリソース完全性を使い、サーバー側でSRIを生成し、integrity属性を持ったscript要素をブラウザに照合させる
コンテンツセキュリティポリシーホワイトリスト / ブラックリストを詳細に設定できる

投稿2020/11/01 07:50

AkitoshiManabe

総合スコア5434

A111

2020/11/01 07:52

根本的な解決策をご提示いただきありがとうございますそちらの方法で試させていただきますご回答いただきありがとうございました！

AkitoshiManabe

2020/11/01 07:57

yambejp さんの回答されているように「メモリに残る」特徴を活かし、window.onload イベントでscript 要素を削除すると、リバースエンジニアリングを困難にすることも可能です（ただし、SEOの絡むサーフェスウェブでは使えそうにありませんが）。

A111

2020/11/01 08:02

window.onloadで発火させる方法も検討させていただきます

行動規範の内容に同意します

removeしてもメモリ上の処理は残っているようです

javascript
1<script>
2window.addEventListener('DOMContentLoaded',()=>{
3  var s= document.querySelectorAll('script')[2];
4  var p=s.parentNode;
5  p.removeChild(s);
6  test();
7});
8
9</script>
10<body>
11<script>
12var test=()=>{
13  console.log("A");
14}
15</script>
16<script>
17test=()=>{
18  console.log("B");
19}
20</script>
21</body>

投稿2020/11/01 07:04

yambejp

総合スコア114987

A111

2020/11/01 07:51 編集

> 実行前と挙動の変化がなく効果がないと考えましたは合っていたということになりますね. ご回答いただきありがとうございました！

行動規範の内容に同意します

そのコードだと、一番最初のスクリプトタグしか削除されないと思うので、
このように書き換えてみてください。

javascript
1var scriptblocks = document.getElementsByTagName("script");
2for (let i = 0;i > scriptblocks.length;i++) {
3  scriptblocks[i].remove();
4}