Chrome扩展程序的内容脚本会捕获自定义事件吗？

如果我们从页面发起自定义事件，注入页面的内容脚本是否可以捕获该事件并进行处理？Chrome扩展程序的内容脚本会捕获自定义事件吗？

2013-08-01 Srikanth Rayabhagi

是的，内容脚本可以与注入的网页进行通信。由于内容脚本和注入的网页的上下文彼此隔离，因此它们必须与共享的DOM进行通信。

我觉得内容脚本无法捕捉被注入页面直接触发的自定义事件。但是，当特定的自定义事件触发时，您可以将消息发布到内容脚本。 window.postMessage可以满足您的需求。

注入页：

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <button id="btn">test</button> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script> 
     $("#btn").click(function(){ 
      $(document).trigger("MY_EVENT"); 
     }); 
     $(document).on("MY_EVENT",function(){ 
      window.postMessage({ type: "HELLO", text: "Hello from the webpage!" }, "*"); 
     }); 
    </script> 
</body> 
</html>

内容脚本：

window.addEventListener("message", function(event) { 

    if (event.source != window) 
    return; 

    if (event.data.type && (event.data.type == "HELLO")) { 
     alert("Content script received: " + event.data.text); 
    } 
}, false);

希望这是对你有帮助。

来源

2013-08-01 06:36:07 Chickenrice

Chrome扩展程序的内容脚本会捕获自定义事件吗？

回答

相关问题