☰

자바스크립트가 실행되기 전에 웹페이지의 HTML을 사전 편집할 수 있나요?

tag-icon • tag-icon google-chrome browser html javascript
자바스크립트가 실행되기 전에 웹페이지의 HTML을 사전 편집할 수 있나요?

저는 스크립트가 잘못된 순서로 로드되어 클라이언트측 자바스크립트 오류가 발생한 웹사이트를 보고 있습니다. 문제는 내가 이 소스를 소유하고 있지 않지만 최대한 빨리 사이트를 사용해야 한다는 것입니다.

브라우저에서 이 문제를 수정하고 페이지를 계속 사용할 수 있게 해주는 브라우저/브라우저 플러그인이 있습니까? 문제는 이것이 요소에 로드되기 때문에 headHTML을 수정하면 JS 오류가 이미 발생했다는 것입니다. 그리고 변경 사항을 새로 고치면(적어도 크롬에서는) 로컬 수정 사항이 사라졌습니다.

구체적으로 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

다음을 만들어서 이 작업을 수행할 수도 있습니다.사용자 스크립트필요한 순서대로 필요한 자바스크립트를 로드합니다. 사용자 스크립트는 기본적으로 다른 자바스크립트 로드를 포함하여 페이지에서 임의의 자바스크립트를 실행할 수 있습니다. 유일한 관심사는 브라우저가 페이지의 다른 스크립트를 로드하기 전이나 후에 사용자 스크립트를 실행하는지 여부입니다.이 스택 오버플로 질문이를 수행하는 방법이 있음을 암시하는 것 같습니다 (두 번째 답변).

간단한 사용자 스크립트는 앞서 언급한 방법과 명령을 사용하여 페이지가 다른 자바스크립트를 구문 분석하기 전에 필요에 따라 document.write새 요소를 삽입할 수 있습니다.<script>

관련 정보