fisrt commit
This commit is contained in:
jianxin committed
commit
984ff6cfce
15 files changed
+577
No files matched your search
@@ -0,0 +1,27 @@
|
||||
|
||||
// declare message listener from inject script
|
||||
window.addEventListener('message', (event) => {
|
||||
if (event.source === window && event.data.from === 'inject-script') {
|
||||
console.log('[Demo] receive', event.data);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
|
||||
|
||||
|
||||
|
||||
console.log('[Demo] ==============================================');
|
||||
|
||||
const func = request.func;
|
||||
if (func === 'addRecord') {
|
||||
window.postMessage({ msg: 'ping from content script', from: 'content-script', func: 'addRecord' });
|
||||
}
|
||||
if (func === 'deleteRecord') {
|
||||
window.postMessage({ msg: 'ping from content script', from: 'content-script', func: 'deleteRecord' });
|
||||
}
|
||||
console.log('[Demo] receive', func);
|
||||
sendResponse({ response: '[Demo] pone-pone from content script' });
|
||||
});
|
||||
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>WpsDbSheet</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 将这两个button放在一行 -->
|
||||
<div id="buttons" >
|
||||
<button id="addRecord">addRecord</button>
|
||||
<button id="deleteRecord">deleteRecord</button>
|
||||
</div>
|
||||
<br>
|
||||
<button id='connect-button'>Connect</button>
|
||||
<input id='input-text' type='text' value="test"/>
|
||||
<button id='send-message-button'>Send</button>
|
||||
<div id='response'></div>
|
||||
<script src="index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,86 @@
|
||||
const DYNAMIC_SCRIPT_ID = 'add-record-script';
|
||||
|
||||
async function isDynamicContentScriptRegistered() {
|
||||
const scripts = await chrome.scripting.getRegisteredContentScripts();
|
||||
return scripts.some((s) => s.id === DYNAMIC_SCRIPT_ID);
|
||||
}
|
||||
|
||||
async function getActiveTab() {
|
||||
const [tab] = await chrome.tabs.query({ active: true, lastFocusedWindow: true });
|
||||
return tab;
|
||||
}
|
||||
|
||||
|
||||
document.querySelector('#addRecord').addEventListener('click', async () => {
|
||||
|
||||
console.log('[Demo] ==============================================');
|
||||
console.log('[Demo] Test send message from popup script to content script');
|
||||
const tab = await getActiveTab();
|
||||
const ret = await chrome.tabs.sendMessage(tab.id, { msg: 'ping from popup script', func: 'addRecord' });
|
||||
console.log('[Demo] receive', ret);
|
||||
|
||||
});
|
||||
|
||||
|
||||
document.querySelector('#deleteRecord').addEventListener('click', async () => {
|
||||
|
||||
console.log('[Demo] ==============================================');
|
||||
console.log('[Demo] Test send message from popup script to content script');
|
||||
const tab = await getActiveTab();
|
||||
const ret = await chrome.tabs.sendMessage(tab.id, { msg: 'ping from popup script', func: 'deleteRecord' });
|
||||
console.log('[Demo] receive', ret);
|
||||
|
||||
});
|
||||
|
||||
|
||||
var port = null;
|
||||
|
||||
function appendMessage(text) {
|
||||
document.getElementById('response').innerHTML += "<p>" + text + "</p>";
|
||||
}
|
||||
|
||||
function updateUiState() {
|
||||
if (port) {
|
||||
document.getElementById('connect-button').style.display = 'none';
|
||||
document.getElementById('input-text').style.display = 'block';
|
||||
document.getElementById('send-message-button').style.display = 'block';
|
||||
} else {
|
||||
document.getElementById('connect-button').style.display = 'block';
|
||||
document.getElementById('input-text').style.display = 'none';
|
||||
document.getElementById('send-message-button').style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
function sendNativeMessage() {
|
||||
message = { "text": document.getElementById('input-text').value };
|
||||
port.postMessage(message);
|
||||
appendMessage("Sent message: <b>" + JSON.stringify(message) + "</b>");
|
||||
}
|
||||
|
||||
function onNativeMessage(message) {
|
||||
appendMessage("Received message: <b>" + JSON.stringify(message) + "</b>");
|
||||
}
|
||||
|
||||
function onDisconnected() {
|
||||
appendMessage("Failed to connect: " + chrome.runtime.lastError.message);
|
||||
port = null;
|
||||
updateUiState();
|
||||
}
|
||||
|
||||
function connect() {
|
||||
var hostName = "com.google.chrome.botext";
|
||||
appendMessage("Connecting to native messaging host <b>" + hostName + "</b>")
|
||||
port = chrome.runtime.connectNative(hostName);
|
||||
port.onMessage.addListener(onNativeMessage);
|
||||
port.onDisconnect.addListener(onDisconnected);
|
||||
updateUiState();
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
document.getElementById('connect-button').addEventListener(
|
||||
'click', connect);
|
||||
document.getElementById('send-message-button').addEventListener(
|
||||
'click', sendNativeMessage);
|
||||
updateUiState();
|
||||
});
|
||||
|
||||
@@ -0,0 +1,52 @@
|
||||
{
|
||||
"name": "BotExt",
|
||||
"version": "0.1.0",
|
||||
"manifest_version": 3,
|
||||
"background": {
|
||||
"service_worker": "sw.js"
|
||||
},
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": [
|
||||
"https://www.kdocs.cn/*"
|
||||
],
|
||||
"js": [
|
||||
"content-script.js"
|
||||
],
|
||||
"run_at": "document_end"
|
||||
},
|
||||
{
|
||||
"matches": [
|
||||
"<all_urls>"
|
||||
],
|
||||
"js": [
|
||||
"wps.js"
|
||||
],
|
||||
"run_at": "document_end",
|
||||
"world": "MAIN"
|
||||
}
|
||||
],
|
||||
"permissions": [
|
||||
"scripting",
|
||||
"webNavigation",
|
||||
"storage",
|
||||
"activeTab",
|
||||
"nativeMessaging"
|
||||
],
|
||||
"host_permissions": [
|
||||
"https://www.kdocs.cn/*"
|
||||
],
|
||||
"action": {
|
||||
"default_popup": "index.html"
|
||||
},
|
||||
"web_accessible_resources": [
|
||||
{
|
||||
"resources": [
|
||||
"wps.js"
|
||||
],
|
||||
"matches": [
|
||||
"<all_urls>"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
function injectedFunction(color) {
|
||||
document.body.style.backgroundColor = color;
|
||||
}
|
||||
|
||||
|
||||
chrome.runtime.onMessage.addListener(async ({ name, options }) => {
|
||||
if (name === 'addRecord') {
|
||||
console.log('Hello World!');
|
||||
|
||||
// get active tab
|
||||
// const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
|
||||
// chrome.scripting.executeScript({
|
||||
// target: { tabId: tab.id },
|
||||
// func: injectedFunction,
|
||||
// args: ["orange"],
|
||||
// });
|
||||
|
||||
const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
|
||||
const response = await chrome.tabs.sendMessage(tab.id, { greeting: "hello" });
|
||||
// do something with response here, not outside the function
|
||||
console.log(response);
|
||||
|
||||
}
|
||||
});
|
||||
+69
@@ -0,0 +1,69 @@
|
||||
|
||||
async function createApp() {
|
||||
for (let i = 0; i < 10; i++) {
|
||||
|
||||
try {
|
||||
window.$dbSheet = {};
|
||||
// set dbsheet app 属性 为 WPSOpenApi.Application;
|
||||
window.$dbSheet.app = WPSOpenApi.Application;
|
||||
|
||||
$dbSheet.createRecords = () => {
|
||||
const records = $dbSheet.app.Record.CreateRecords({
|
||||
SheetId: 1,
|
||||
Records: [{ fields: { "名称": "demo", "数量": 1, "日期": "2022/1/1", "状态": "未开始" } }]
|
||||
});
|
||||
}
|
||||
|
||||
$dbSheet.deleteRecords = async () => {
|
||||
|
||||
const records = await $dbSheet.app.Record.GetRecords({ SheetId: 1 })
|
||||
const deleteRcecordId = records.records[0].id
|
||||
const result = $dbSheet.app.Record.DeleteRecords({
|
||||
SheetId: 1,
|
||||
RecordIds: [deleteRcecordId]
|
||||
})
|
||||
}
|
||||
console.log(i);
|
||||
} catch (error) {
|
||||
// sleep 1s
|
||||
await new Promise(resolve => setTimeout(resolve, 1000));
|
||||
console.log(i, error);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 异步执行 createApp
|
||||
|
||||
createApp().then(() => { });
|
||||
|
||||
window.addEventListener('message', (event) => {
|
||||
if (event.source === window && event.data.func === 'addRecord') {
|
||||
// console.log('[Demo] receive', event.data);
|
||||
addRecordOnMessage();
|
||||
}
|
||||
|
||||
if (event.source === window && event.data.func === 'deleteRecord') {
|
||||
// console.log('[Demo] receive', event.data);
|
||||
deleteRecordOnMessage();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
async function addRecordOnMessage() {
|
||||
$dbSheet.createRecords();
|
||||
window.postMessage({ msg: 'add record by inject script', from: 'inject-script' });
|
||||
}
|
||||
|
||||
|
||||
async function deleteRecordOnMessage() {
|
||||
await $dbSheet.deleteRecords();
|
||||
window.postMessage({ msg: 'delete record by inject script', from: 'inject-script' });
|
||||
}
|
||||
|
||||
|
||||
async function sendMsgToContentScript() {
|
||||
console.log('[Demo] ==============================================');
|
||||
console.log('[Demo] Test send message from inject script to content script');
|
||||
$dbSheet.createRecords();
|
||||
window.postMessage({ msg: 'ping from inject script', from: 'inject-script' });
|
||||
}
|
||||
Reference in new issue
Block a user