Chrome 확장 프로그램 페이지로드가 너무 느리기 때문에 setInterval 또는 setTimeout이 발생합니다.

크롬 확장 프로그램을 만들고 있습니다. 작동 방법 :Chrome 확장 프로그램 페이지로드가 너무 느리기 때문에 setInterval 또는 setTimeout이 발생합니다.

확장 프로그램 열기 -> 현재 탭에서 새 페이지로드 ->이 페이지에서 컨텐츠 읽기 ->이 내용을 확장자 html 코드 (popup.html)에 삽입하십시오.

현재 작동 : 확장 기능 (ok) -> 현재 탭에서 새 페이지로드 (ok) ->이 페이지에서 내용 읽기 (?) ->이 내용을 확장자 html 코드 (popup.html)에 삽입하십시오. 작동 안함).

그러나 확장 프로그램을 닫고 다시 열면 작동합니다. 페이지로드가 너무 느리고 3 단계 또는 4 단계에서 시간 초과 또는 간격을 설정해야하기 때문에 이것이라고 생각합니다. setInterval 및 setTimeout 함수를 시도했지만 실패했습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta name="myName" content="empty"> 
</head> 
<body> 
page content 
</body> 
</html>

popup.js :

// Inject the payload.js script into the current tab after the popout has loaded 
window.addEventListener('load', function (evt) { 
    chrome.extension.getBackgroundPage().chrome.tabs.executeScript(null, { 
     file: 'payload.js' 
    }); 
    chrome.tabs.update(null, {url:"https://mypage.com"});; 

}); 

// Listen to messages from the payload.js script and write to popout.html 
chrome.runtime.onMessage.addListener(function (message) { 
document.getElementsByName("myName")[0].setAttribute("content", message); 
});

payload.js :

// send the page title as a chrome message 
chrome.runtime.sendMessage(document.getElementsByTagName("META")[0].content);

매니페스트

여기 (I 불필요한 물건을 삭제 한) 내 popup.html입니다. json :

{ 
    "manifest_version": 2, 

    "name": "MyName", 
    "description": "empty!", 
    "version": "0.2", 
    "author": "me", 

    "background": { 
     "scripts": ["popup.js"], 
     "persistent": true 
    }, 

    "icons": { "16": "icon_16.png", 
    "48": "icon_48.png", 
    "128": "icon_128.png" }, 

    "permissions": [ 
     "tabs", 
     "http://*/", 
     "https://*/" 
    ], 
    "browser_action": { 
     "default_icon": "icon.png", 
     "default_popup": "popup.html" 
    } 
}

setInterval(function(){ code; }, 500);을 popup.js 및/또는 payload.js에 적용하려고 시도했지만 작동하지 않습니다.

출처

2017-11-25 mrblue

popup.js를 변경하여 문제를 해결했습니다. 이제 payload.js는 탭의 사이트로드가 완료된 후로드됩니다. 여기 내 마지막 팝업입니다 .js :

출처

2017-11-25 13:05:32 mrblue

background.js를 만들고 popup.js 대신 매니페스트에 배치하십시오.

나서

<script src="popup.js"></script>

으로 popup.html에서 popup.js가 popup.html의 DOM을 액세스 할 수있는 방법 popup.js 참조.

나는 그것이 당신이해야 할 모든 것이지만 그것을 시도 할 시간이 없다고 생각합니다.

출처

2017-11-25 11:22:23

그리고 background.js에 무엇을 넣어야합니까? – mrblue

Chrome 확장 프로그램 페이지로드가 너무 느리기 때문에 setInterval 또는 setTimeout이 발생합니다.

답변

관련 문제