完成 Safari 扩展安装后是否可以访问 DOM? 我有兴趣访问安装此扩展程序的页面的 HTML。
最佳答案
您可以通过注入(inject) JS 脚本来实现这一点。注入(inject)的脚本可以访问它们所注入(inject)的网页的 DOM。注入(inject)的脚本与从网页主机执行的脚本具有相同的访问权限。
您可以找到更多信息here .
从注入(inject)的脚本调用函数
- 列出项目
- 使用扩展生成器创建扩展文件夹。复制
- 将列表保存到文本编辑器中并另存为 Injected.js 和 Global.html。
- 将 Injected.js 和 Global.html 拖到您的扩展文件夹中。点击
- 扩展程序生成器中的扩展程序全局页面并选择 Global.html。
- 单击“结束脚本”中的“新建脚本”并选择“Injected.js”。设置
- 将网站访问级别扩展为“所有人”。单击“安装”。
代码 Injected.js
var initialVal=1;
var calculatedVal=0 ;
function doBigCalc(theData) {
safari.self.tab.dispatchMessage("calcThis",theData);
}
function getAnswer(theMessageEvent) {
if (theMessageEvent.name === "theAnswer") {
calculatedVal=theMessageEvent.message;
console.log(calculatedVal);
}
}
safari.self.addEventListener("message", getAnswer, false);
doBigCalc(initialVal);
代码 Global.html
<!DOCTYPE HTML>
<html>
<head>
<title>global HTML page</title>
<script type="text/javascript">
function bigCalc(startVal, event) {
// imagine hundreds of lines of code here...
var endVal = startVal + 2;
// return to sender
event.target.page.dispatchMessage("theAnswer", endVal);
}
function respondToMessage(theMessageEvent) {
if(theMessageEvent.name === "calcThis") {
var startVal=theMessageEvent.message;
bigCalc(startVal, theMessageEvent);
}
}
safari.application.addEventListener("message",respondToMessage,false);
</script>
</head>
<body>
</body>
</html>
关于javascript - 如何在 Safari 中安装扩展后访问 DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14238861/