반응형
크롬 확장에서 현재 페이지의 소스 HTML 가져 오기 오기
크롬 확장 프로그램이 있습니다. 현재 페이지의 HTML 소스에서 분석해야합니다. 여기에서 배경 페이지와 콘텐츠 펼쳐지는 모든 종류의 솔루션을 찾았지만 아무도 도움이되지 않습니다. 여기 내가 지금까지 가지고있는 것 :
manifest.json :
{
"name": "Extension",
"version": "1.0",
"description": "Extension",
"browser_action": {
"default_icon": "bmarkred.ico",
"popup": "Test.html"
},
"content_scripts": [
{
"matches": ["http://*/*"],
"js": ["content.js"]
}
],
"background": {
"page": "backgroundPage.html"
},
"permissions": [
"cookies",
"tabs",
"http://*/*",
"https://*/*"
]
}
background.html :
<html>
<head>
<script type="text/javascript">
try {
chrome.tabs.getSelected(null, function (tab) {
chrome.tabs.sendRequest(tab.id, {action: "getSource"}, function(source) {
alert(source);
});
});
}
catch (ex) {
alert(ex);
}
</script>
</head>
</html>
content.js :
chrome.extension.onRequest.addListener(function(request, sender, callback) {
if (request.action == "getSource") {
callback(document.getElementsByTagName('html')[0].innerHTML);
}
});
경고는 항상 정의되지 않은 경고입니다. content.js 파일에서 좀 더 함수를 다음과 같이 변경 :
callback('hello');
여전히 같은 결과입니다. 내가 도대체 뭘 잘못하고있는 겁니까? 아마도 나는 잘못된 길로 가고 있습니다. 내가 필요한 것은 이것입니다. 사용자가 확장 팝업을 열면 (그리고 그때만) 분석 할 수 있도록 현재 페이지의 HTML이 필요합니다. 어떤 제안?
소스를 펼쳐 페이지에 펼쳐를 전면하고 팝업으로 다시 메시지를 보냅니다 ....
manifest.json
{
"name": "Get pages source",
"version": "1.0",
"manifest_version": 2,
"description": "Get pages source from a popup",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": ["tabs", "<all_urls>"]
}
popup.html
<!DOCTYPE html>
<html style=''>
<head>
<script src='popup.js'></script>
</head>
<body style="width:400px;">
<div id='message'>Injecting Script....</div>
</body>
</html>
popup.js
chrome.runtime.onMessage.addListener(function(request, sender) {
if (request.action == "getSource") {
message.innerText = request.source;
}
});
function onWindowLoad() {
var message = document.querySelector('#message');
chrome.tabs.executeScript(null, {
file: "getPagesSource.js"
}, function() {
// If you try and inject into an extensions page or the webstore/NTP you'll get an error
if (chrome.runtime.lastError) {
message.innerText = 'There was an error injecting script : \n' + chrome.runtime.lastError.message;
}
});
}
window.onload = onWindowLoad;
getPagesSource.js
// @author Rob W <http://stackoverflow.com/users/938089/rob-w>
// Demo: var serialized_html = DOMtoString(document);
function DOMtoString(document_root) {
var html = '',
node = document_root.firstChild;
while (node) {
switch (node.nodeType) {
case Node.ELEMENT_NODE:
html += node.outerHTML;
break;
case Node.TEXT_NODE:
html += node.nodeValue;
break;
case Node.CDATA_SECTION_NODE:
html += '<![CDATA[' + node.nodeValue + ']]>';
break;
case Node.COMMENT_NODE:
html += '<!--' + node.nodeValue + '-->';
break;
case Node.DOCUMENT_TYPE_NODE:
// (X)HTML documents are identified by public identifiers
html += "<!DOCTYPE " + node.name + (node.publicId ? ' PUBLIC "' + node.publicId + '"' : '') + (!node.publicId && node.systemId ? ' SYSTEM' : '') + (node.systemId ? ' "' + node.systemId + '"' : '') + '>\n';
break;
}
node = node.nextSibling;
}
return html;
}
chrome.runtime.sendMessage({
action: "getSource",
source: DOMtoString(document)
});
반응형
'ProgramingTip' 카테고리의 다른 글
| 매개 변수화 된 문이 모든 SQL 제출을 중지 할 수 있습니까? (0) | 2020.10.21 |
|---|---|
| 어디에서 소문자 표현으로 어떻게 변환합니까? (0) | 2020.10.21 |
| 매개 변수로 생성자 모의 (0) | 2020.10.21 |
| 프로그래밍 방식으로 (법적으로) 거리 주소의 경도와 위도를 얻는 방법 (0) | 2020.10.21 |
| 2D 다각형의 다음은 어떻게 계산합니까? (0) | 2020.10.21 |