2

完成安装 Safari 扩展后是否可以访问 DOM？我有兴趣访问正在安装此扩展程序的页面的 HTML。

4

1 回答 1

4

您可以通过注入 JS 脚本来实现这一点。注入的脚本可以访问它们被注入的网页的 DOM。注入的脚本与从网页主机执行的脚本具有相同的访问权限。

您可以在此处找到更多信息。

从注入的脚本调用函数

  1. 项目清单
  2. 使用 Extension Builder 创建一个扩展文件夹。复制
  3. 列表进入文本编辑器并保存为 Injected.js 和 Global.html。
  4. 将 Injected.js 和 Global.html 拖到您的扩展文件夹中。点击
  5. Extension Builder 中的 Extension Global Page 并选择 Global.html。
  6. 单击 End Scripts 中的 New Script 并选择 Injected.js。设置
  7. 将网站访问级别扩展到所有。单击安装。

代码注入.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>
于 2013-01-09T16:00:07.413 回答