mirror of
https://github.com/tidys/cc-inspector-chrome
synced 2025-10-23 01:55:25 +00:00
update
This commit is contained in:
@@ -1,57 +0,0 @@
|
||||
// 具有操作dom的能力
|
||||
// 加载其他脚本
|
||||
// content.js 和原始界面共享DOM,但是不共享js,要想访问页面js,只能通过注入的方式
|
||||
const PluginMsg = require("../core/plugin-msg");
|
||||
|
||||
function injectScriptToPage(url) {
|
||||
let content = chrome.extension.getURL(url)
|
||||
console.log(`[cc-inspector]注入脚本:${content}`);
|
||||
let script = document.createElement('script')
|
||||
script.setAttribute('type', 'text/javascript')
|
||||
script.setAttribute('src', content)
|
||||
script.onload = function () {
|
||||
// 注入脚本执行完后移除掉
|
||||
this.parentNode.removeChild(this);
|
||||
}
|
||||
document.body.appendChild(script)
|
||||
}
|
||||
|
||||
injectScriptToPage("js/inject.js");
|
||||
|
||||
// 和background.js保持长连接通讯
|
||||
let conn = chrome.runtime.connect({name: PluginMsg.Page.Content})
|
||||
// conn.postMessage('test');
|
||||
conn.onMessage.addListener(function (data) {
|
||||
// 将background.js的消息返回到injection.js
|
||||
window.postMessage(data, "*");
|
||||
})
|
||||
// 接受来自inject.js的消息数据,然后中转到background.js
|
||||
window.addEventListener('message', function (event) {
|
||||
let data = event.data;
|
||||
if (data.data.log) {
|
||||
}
|
||||
console.log(`%c[content] ${JSON.stringify(data)}`, "color:#BD4E19");
|
||||
chrome.runtime.sendMessage(data);
|
||||
}, false);
|
||||
|
||||
|
||||
let gameCanvas = document.querySelector("#GameCanvas");
|
||||
if (gameCanvas) {
|
||||
// console.log('find GameCanvas element');
|
||||
// gameCanvas.addEventListener('click', function () {
|
||||
// console.log("click canvas");
|
||||
// });
|
||||
// gameCanvas.style.display = 'none';
|
||||
} else {
|
||||
// console.log("can't find GameCanvas element");
|
||||
// 和background.js保持短连接通讯
|
||||
chrome.runtime.sendMessage({
|
||||
msg: PluginMsg.Msg.Support,
|
||||
data: {
|
||||
support: false,
|
||||
msg: "未发现GameCanvas,不支持调试游戏!"
|
||||
}
|
||||
}, function (data) {
|
||||
// console.log(data)
|
||||
});
|
||||
}
|
@@ -1,7 +0,0 @@
|
||||
// const PluginMsg = require("./plugin-msg");
|
||||
// module.exports = {
|
||||
// id: "event-mgr",
|
||||
// testInit(name) {
|
||||
// chrome.runtime.connect({name: name})
|
||||
// }
|
||||
// }
|
@@ -1,3 +0,0 @@
|
||||
module.exports = {
|
||||
id: "event-id",
|
||||
}
|
@@ -1,10 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html style="width: 100%;height: 100%;">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
</head>
|
||||
<body style="width: 100%;height: 100%;">
|
||||
<div id="app" style="width: 100%;height: 100%;"></div>
|
||||
</body>
|
||||
</html>
|
@@ -1,17 +0,0 @@
|
||||
const path = require('path')
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
||||
|
||||
module.exports = {
|
||||
htmlPage(title, filename, chunks, template) {
|
||||
return new HtmlWebpackPlugin({
|
||||
title: title,
|
||||
hash: true,
|
||||
cache: true,
|
||||
inject: 'body',
|
||||
filename: './pages/' + filename + '.html',
|
||||
template: template || path.resolve(__dirname, './page.ejs'),
|
||||
appMountId: 'app',
|
||||
chunks: chunks
|
||||
});
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user