Chome扩展可防止<select>元素扩展

时间:2018-04-11 21:22:04

标签: javascript html google-chrome-extension

我开发了一个非常简单的Chome扩展,它公开了一个工具栏按钮。单击该按钮时,页面内容将使用XMLHttpRequest发布到服务器,然后是&lt; html&gt;的innerHtml。 element由服务器返回的新内容替换。 出于某种原因,这会阻止&lt; select&gt;扩张的元素。我已经通过禁用扩展来验证这一点,这使得再次工作。 任何想法为什么会发生这种情况以及如何解决它?以下代码供参考: chrome.extension.onMessage.addListener( function(request,sender,sendResponse){     if(request.msg ==&#34; get_content&#34;){         xmlhttp = new XMLHttpRequest();         xmlhttp.onreadystatechange = function(){             if(xmlhttp.readyState == 4){                 if(xmlhttp.status == 200){                     document.getElementsByTagName(&#39; html&#39;)[0] .innerHTML =                        xmlhttp.responseText;                 } else {                     警报(&#39;无法访问russiangram.com&#39;);                 }             }         }         xmlhttp.open(&#34; POST&#34;,&#34; https://marssiangram.com/translate/Default.aspx" ;, true);         xmlhttp.setRequestHeader(&#34; Content-type&#34;,&#34; application / x-www-form-urlencoded&#34;);         xmlhttp.send(document.getElementsByTagName(&#39; HTML&#39;)[0] .innerHTML);         sendResponse({data:&#39; success&#39;});     } });

1 个答案:

答案 0 :(得分:2)

猜测我会说你要替换文档HTML标记的内容,你可能还要替换最初在该页面上的任何相关的JS / CSS引用。

可能作为测试而不是替换HTML标记的内容,向页面添加新的DIV元素或其他东西。这应该有希望让你看看选择功能是否仍然有用。

相关问题