blumia/dtp-webextension
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: port to manifest v3

Browse Source
This commit is contained in:
Gary Wang 2024-06-03 22:50:19 +08:00
parent 4741eeabee
commit 1921d0e626
7 changed files with 22 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
background.js
View File

@ -1,11 +0,0 @@
'use strict';
chrome.browserAction.onClicked.addListener(function(callback) {
//chrome.declarativeContent.ShowPageAction();
});
chrome.runtime.onInstalled.addListener(function() {
// chrome.storage.sync.set({color: '#3aa757'}, function() {
// console.log("The color is green.");
// });
});

5
common_content_script.js
View File

@ -17,8 +17,7 @@ function twitterXPath(nth, sendResponse) {
sendResponse({dataType: 'urlList', urlList: arr, source: window.location.href}); sendResponse({dataType: 'urlList', urlList: arr, source: window.location.href});
} }
chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
if (request.action == "requestPics") { if (request.action == "requestPics") {
twitterXPath(1, sendResponse); twitterXPath(1, sendResponse);
} else if (request.action == "requestPics2") { } else if (request.action == "requestPics2") {
@ -28,6 +27,6 @@ chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
} else if (request.action == "requestPics4") { } else if (request.action == "requestPics4") {
twitterXPath(4, sendResponse); twitterXPath(4, sendResponse);
} else { } else {
sendResponse({}); // Send nothing.. sendResponse({dataType: 'test'}); // Send nothing..
} }
}); });

BIN
icon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

27
manifest.json
View File

@ -1,22 +1,21 @@
{ {
"manifest_version": 3,
"name": "Download The Pics (WebExtension Client)", "name": "Download The Pics (WebExtension Client)",
"version": "1.0",
"manifest_version": 2,
"description": "Download The Pics WebExtension Client. You also need the local daemon process to make this extension works", "description": "Download The Pics WebExtension Client. You also need the local daemon process to make this extension works",
"background": { "version": "2.0",
"scripts": ["background.js"] "icons": {
"48": "icon.png"
}, },
"browser_action": { "permissions": ["activeTab", "declarativeContent"],
"default_popup": "popup.html" "action": {
"default_popup": "popup.html",
"default_icon": "icon.png"
}, },
"content_scripts": [ "content_scripts": [
{ {
"matches": ["<all_urls>"], "matches": ["<all_urls>"],
"run_at": "document_start", "run_at": "document_start",
"js": ["common_content_script.js"] "js": ["common_content_script.js"]
} }
],
"permissions": [
"activeTab", "declarativeContent"
] ]
} }

7
popup.html
View File

@ -11,10 +11,9 @@
</head> </head>
<body> <body>
<button id="download">Download</button> <button id="download">Download</button>
<br/> <button id="download2">2nd</button>
<button id="download2">2nd</button> <button id="download3">3rd</button>
<button id="download3">3rd</button> <button id="download4">4th</button>
<button id="download4">4th</button>
<script src="popup.js"></script> <script src="popup.js"></script>
</body> </body>
</html> </html>

6
popup.js
View File

@ -9,9 +9,9 @@ let download4Btn = document.getElementById('download4');
// }); // });
function sendActionAndResponse(actionStr) { function sendActionAndResponse(actionStr) {
chrome.tabs.getSelected(null, function(tab) { chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
// Send a request to the content script. // Send a request to the content script.
chrome.tabs.sendRequest(tab.id, {action: actionStr}, function(response) { chrome.tabs.sendMessage(tabs[0].id, {action: actionStr}, (response) => {
console.log(response); console.log(response);
if (response.dataType == "urlList") { if (response.dataType == "urlList") {
const data = new URLSearchParams(); const data = new URLSearchParams();
@ -24,6 +24,8 @@ function sendActionAndResponse(actionStr) {
}).then(data => { }).then(data => {
console.log(data); console.log(data);
}); });
} else {
console.log(response.dataType)
} }
}); });
}); });