☰

JavaScript を実行する前に Web ページの HTML を事前に編集できますか?

tag-icon • tag-icon google-chrome browser html javascript
JavaScript を実行する前に Web ページの HTML を事前に編集できますか?

私はこの Web サイトを閲覧していますが、スクリプトが間違った順序で読み込まれたためにクライアント側の JavaScript エラーが発生しています。問題は、このソースを所有していないにもかかわらず、このサイトを至急使用する必要があることです。

ブラウザでこれを修正し、ページを引き続き使用できるブラウザ/ブラウザ プラグインはありますか? 問題は、これが要素に読み込まれるためhead、HTML を変更すると JS エラーがすでに発生していることです。また、変更を更新すると (少なくとも Chrome では)、ローカルの変更が消えてしまいます。

具体的には、HTML は次のようになります。

<script 
    language="javascript" 
    src="/scripts/util.js" 
    type="text/javascript"></script>
<script 
    language="javascript" 
    src="/scripts/scriptaculous/prototype.js" 
    type="text/javascript"></script>
<script 
    language="javascript" 
    src="/scripts/scriptaculous/scriptaculous.js" 
    type="text/javascript"></script>

このバグを修正するには、次のようになります。

<script 
    language="javascript" 
    src="/scripts/scriptaculous/prototype.js" 
    type="text/javascript"></script>
<script 
    language="javascript" 
    src="/scripts/scriptaculous/scriptaculous.js" 
    type="text/javascript"></script>
<script 
    language="javascript" 
    src="/scripts/util.js" 
    type="text/javascript"></script>

util.js一番下に移動した ことに注目してください。

答え1

これを実現するには、ユーザースクリプト必要な JavaScript を必要な順序でロードします。ユーザー スクリプトは、他の JavaScript のロードを含め、ページ上の任意の JavaScript を基本的に実行できます。唯一の懸念は、ブラウザーがユーザー スクリプトをページ上の他のスクリプトをロードする前か後に実行するかということです。このスタックオーバーフローの質問(2 番目の回答) は、これを行う方法があることを暗示しているようです。

単純なユーザー スクリプトでは、前述のメソッドとコマンドを使用して、ページが他の JavaScript を解析する前に必要に応じてdocument.write新しい要素を挿入する場合があります。<script>

関連情報