我正在尝试为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
<input type="button" value="Send" onclick="sendMessage()" >
<span id="textField">...waiting... </span>
</body>
</html>