从Safari扩展程序向网站/标签添加元素

时间:2018-11-23 16:22:32

标签: javascript safari element safari-extension

我正在尝试为Safari创建扩展程序,该扩展程序会将元素添加到当前所在的页面/标签中。在下面的示例中,我想向页面添加“发送”按钮。

对我来说,问题是新元素(按钮)将添加到扩展html中。

HTML:

xargs printf "l(%s);\n" <input.txt | bc -l

Js:

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">

    function sendMessage() {
        document.getElementById("textField").innerHTML="Sending message...";
        safari.application.activeBrowserWindow.activeTab.page.dispatchMessage("hey", "there");
    }

    function respondToMessage(messageEvent) {
        if(messageEvent.name === "gotIt")
        document.getElementById("textField").innerHTML=messageEvent.message;
    }

    safari.self.browserWindow.addEventListener("message",respondToMessage,false);

</script>
</head>
<body> Message Sender Bar &nbsp;&nbsp;
    <input type="button" value="Send" onclick="sendMessage()" >
    <span id="textField">...waiting... </span>
</body>
</html>

0 个答案:

没有答案