我需要在點擊Chrome擴展程序圖標時獲取當前選項卡的源代碼。我也試着用按鈕點擊事件。請通過我當前的代碼:Chrome擴展程序:獲取活動標籤的源代碼
的manifest.json
{ "name": "UM Chrome Extension!", "version": "1.0",
"description": "To ensure the tracking codes present.",
"icons": {
"128": "TW-Extension-Icon2.png"
}, "background": {
"scripts": [ "background.js"]
},
"content_scripts": [
{
"matches": ["http://*/*"],
"js": ["popup1.js","jquery-1.10.2.js","jquery-ui.js","bootstrap.min.js"]
}
],
"permissions": [
"activeTab","tabs","contextMenus", "http://*/*"
],
"browser_action": {
"default_popup": "popup.html"
},
"manifest_version": 2
}
popup.html
<!doctype html>
<html class="no-js" lang="">
<head>
<script type="text/javascript" src="popup1.js"></script>
</head>
<body style="width: 600px; height: 300px;">
<button value="Test" id="check-1"> </button>
</body>
</html>
和popup.js
window.addEventListener('DOMContentLoaded', function() {
var fbshare = document.querySelector('#check-1');
fbshare.addEventListener('click', function() {
var htmlCode = document.documentElement.outerHTML;
window.alert(htmlCode);
});
});
如何獲得激活的標籤的源代碼?我需要獲取頁面的源代碼,以便我需要搜索頁面是否包含特定的跟蹤代碼(如GA代碼)。
謝謝
請定義「源代碼」。你的意思是HTML嗎?腳本? CSS? – Makyen
您正在爲popup或作爲內容腳本加載* popup1.js *。這幾乎總是一個壞主意™。你應該只加載它作爲一個或另一個。除了庫之外的任何腳本文件在這兩者之間共享是非常罕見的。 – Makyen
*請不要將jQuery,jQueryUI和BootStrap加載到每個**頁面('content_scripts'和''matches''),除非**需要**。 jQuery本身就是最小化代碼的85kB。這是放置在每一頁上的重要負擔。我們這些擁有100個標籤的人是什麼意思?雖然有可能你真的需要*加載所有這些庫,但你應該加載所需的絕對最小*,以允許用戶開始與你的擴展進行交互(例如靜態圖像和事件處理程序W/O庫),然後動態加載一旦用戶實際與您的擴展進行交互,所有內容 – Makyen