mirror of
https://github.com/tidys/cc-inspector-chrome
synced 2025-04-19 16:38:41 +00:00
86 lines
3.3 KiB
TypeScript
86 lines
3.3 KiB
TypeScript
// content.js 和原始界面共享DOM，具有操作dom的能力
|
||
// 但是不共享js,要想访问页面js,只能通过注入的方式
|
||
import { ChromeConst } from "cc-plugin/src/chrome/const";
|
||
import { debugLog, Msg, Page, PluginEvent } from "../../core/types";
|
||
import { ga } from "../../ga";
|
||
import { GA_EventName } from "../../ga/type";
|
||
import { DocumentEvent, GoogleAnalyticsData } from "../const";
|
||
import { Terminal } from "../terminal";
|
||
|
||
const terminal = new Terminal(Page.Content);
|
||
debugLog && console.log(...terminal.init());
|
||
|
||
// #region 注入脚本
|
||
export function injectScript(url: string) {
|
||
if (chrome && chrome.runtime && chrome.runtime.getURL) {
|
||
let content = chrome.runtime.getURL(url);
|
||
const script = document.createElement("script");
|
||
script.setAttribute("type", "text/javascript");
|
||
script.setAttribute("src", content);
|
||
script.onload = function () {
|
||
// 加载注入脚本界面的css
|
||
let css = chrome.runtime.getURL(ChromeConst.css.inject_view);
|
||
const event = new CustomEvent(DocumentEvent.LoadInjectCss, { detail: [css] });
|
||
document.dispatchEvent(event);
|
||
document.head.removeChild(script);
|
||
};
|
||
document.head.appendChild(script);
|
||
debugLog && console.log(...terminal.green(`inject script success: ${content}`));
|
||
} else {
|
||
debugLog && console.log(...terminal.red("inject script failed"));
|
||
}
|
||
}
|
||
|
||
document.addEventListener(DocumentEvent.EngineVersion, async (event: CustomEvent) => {
|
||
const version: string = event.detail;
|
||
if (version) {
|
||
ga.fireEventWithParam(GA_EventName.EngineVersion, version);
|
||
}
|
||
});
|
||
document.addEventListener(DocumentEvent.GoogleAnalytics, (event: CustomEvent) => {
|
||
const data: GoogleAnalyticsData = event.detail;
|
||
if (data && data.event) {
|
||
if (data.params) {
|
||
ga.fireEventWithParam(data.event, data.params);
|
||
} else {
|
||
ga.fireEvent(data.event);
|
||
}
|
||
}
|
||
});
|
||
// #region 和Inject通讯
|
||
document.addEventListener(DocumentEvent.Inject2Content, (event: CustomEvent) => {
|
||
let data: PluginEvent = PluginEvent.create(event.detail);
|
||
if (data.valid && data.check(Page.Inject, Page.Content)) {
|
||
debugLog && console.log(...terminal.chunkMessage(data.toChunk()));
|
||
data.reset(Page.Content, Page.Devtools);
|
||
if (connect) {
|
||
// 接受来自inject.js的消息数据,然后中转到background.js
|
||
connect.postMessage(data);
|
||
} else {
|
||
debugLog && console.log(...terminal.log(`connect is null`));
|
||
console.log("connect is null");
|
||
}
|
||
} else {
|
||
throw new Error(`invalid data: ${event.detail}`);
|
||
}
|
||
});
|
||
// #region 和background通讯
|
||
let connect: chrome.runtime.Port = chrome.runtime.connect({ name: Page.Content });
|
||
connect.onDisconnect.addListener(() => {
|
||
debugLog && console.log(...terminal.disconnect(""));
|
||
connect = null;
|
||
});
|
||
connect.onMessage.addListener((data: PluginEvent, sender: chrome.runtime.Port) => {
|
||
const event = PluginEvent.create(data);
|
||
if (event.valid && event.check(Page.Background, Page.Content)) {
|
||
debugLog && console.log(...terminal.chunkMessage(event.toChunk()));
|
||
event.reset(Page.Content, Page.Inject);
|
||
const e = new CustomEvent(DocumentEvent.Content2Inject, { detail: event });
|
||
debugLog && console.log(...terminal.chunkSend(event.toChunk()));
|
||
document.dispatchEvent(e);
|
||
} else {
|
||
throw new Error(`invalid data: ${data}`);
|
||
}
|
||
});
|
||
injectScript(ChromeConst.script.inject);
|