크롬 확장 프로그램 browser_action 양식

<html> 
    <input id="form_input_1"> 
    <input id="form_input_2"> 
    <button id="form_button">Calculate</button> 
    <div id="div_1"></div> 
</html>

"browser_action"으로 크롬 확장을 사용했습니다.크롬 확장 프로그램 browser_action 양식

나는 팝업에서이 작업을 수행하려면 무엇 :

<script> 
    var num1 = document.getElementById('form_input_1').value; 
    var num2 = document.getElementById('form_input_2').value; 

    var answer = num1 + num2; 

    document.getElementById('div_1').innerHTML = answer; 
</script>

그러나 모든 나는 점점 오류를 계속 시도 :

는
실행를 거부하는 인라인 이벤트 핸들러를 실행 거부합니다. ..
속성을 읽을 수 없습니다.

나는 6 년 동안 웹 개발을 해왔다. 그리고 나는 이것이 바보 같은 질문이라는 것을 알고있다. 그러나 누군가는 참조를 가지고 있거나 비슷한 것을 볼 수있는 곳을 알고있다.

나는 stackoverflow와 google을 검사 해 보았지만, 나는 페이지 나 탭을 변경하는 것에 관한 정보를 찾을 수 있었다. 팝업을 변경하고 싶습니다.

나는 이것에 5 시간을 보냈고 좋은 리드를 사용할 수있었습니다.

이상하게도 자바를 사용한 적이 없으며 2 시간 만에 동일한 것을 완성한 앱을 만들었으므로 매우 간단한 것이 빠졌을 것입니다.

영어로 된 문구가 생겨서 죄송합니다.

출처

2017-10-03 Dillon Burnett

''요소를 통해 별도의 js 파일을 사용하기 만하면됩니다. – wOxxOm

나는이 작업을 수행했으며, 인라인, 외부 및 심지어 매니페스트를 사용했습니다. –

그러면 뭔가가 있습니다. [demo extension (https://developer.chrome.com/extensions/samples)]을 수정하는 것이 좋습니다. 2 분 이상 소요되지 않습니다. 또한 [개요] (https://developer.chrome.com/extensions/overview)를 읽어보십시오. – wOxxOm

wOxxOm이이 질문에 답변했습니다.

DOMContentLoaded를 사용하고 있었지만 어떤 이유로 든 여전히 작동하지 않았습니다.

js 파일을 popup.html의 맨 아래로 이동하라는 제안을받은 후 모든 것이 작동합니다.

<html> 
<body> 
    <input id="form_input_1"> 
    <input id="form_input_2"> 
    <button id="form_button">Calculate</button> 
    <div id="div_1"></div> 
</body> 
<script src="popup.js"></script> 
</html>

참고 : 나는 창문에 내 예전의 코드를 시도하고이 솔루션은 Windows 및 Linux를 위해 작동하는 동안 일했다. 또한, 내가 확장 기능을 포장하면 이전 코드가 리눅스에서 작동합니다. 나는 이것이 왜 있는지 모른다.

멍청한 질문 이었지만 도움을 주신 모든 분들께 감사드립니다!

출처

2017-10-03 05:10:25

_ "DOMContentLoaded를 사용하고 있었지만 어떤 이유로 든 여전히 작동하지 않았습니다."_ 내 생각에 DOMContentLoaded가 실행 된 후에 스크립트가 실제로 실행될 것입니다 : 매우 간단하고 빠르게로드되는 페이지로 인해 발생하는 경쟁 조건 – Xan

그럴 수 있습니다. 감사합니다. Xan에 대한 관심을 유지하겠습니다. 또한 jquery 문제없이 시도해 보았습니다. 전에는 이와 같은 것을 보지 못했습니다. 일반적으로 DOMContent는 항상 표준 웹 페이지에서 작동하지만, 말하듯이 페이지는 6 라인 만 사용합니다. –

크롬 확장 프로그램 browser_action 양식

답변

관련 문제