因此,对我的问题进行基本描述。
我有一个现在可以正常使用的扩展程序(最终),可以将电话号码包装在一种标签中。
它现在正在运行,但是我遇到了基于用户动作或基于ajax请求通过JS动态加载的任何内容的问题
例如,如果我单击并发送一个Hotmail电子邮件,该脚本将起作用,但仅当我刷新页面时,该电子邮件才能加载并调用我的内容脚本。
我考虑过通过使用户单击扩展程序的图标来解决此问题,但这并不是要求的功能。
如果Chrome中有一种方法可以监听ajax请求(似乎有 这种方法)http://code.google.com/chrome/extensions/webRequest.html这是我想要做的,但是我不确定如何实现这一点。我可以将它当作听众吗?
我根据DOM的更改时间找到了另一种方法,但是这使得加载需要很长时间,因此DOM中有太多的事情要做。我需要监听AJAX请求,并在它们完成后再次运行我的代码。
任何帮助,甚至正确方向的指针都将很棒=)
如果这是一个愚蠢的问题,请很好,我保证我一直在Google搜索和搜索表单中寻找答案,但似乎找不到任何东西。我可能不甚了解,甚至无法提出正确的问题。我已经使用JavaScript大约两个星期了,所以我的学习曲线一直很艰难。
当你说…
…您在哪里使用突变事件或突变观察者?因为我认为观察员应该在哪里解决该问题。我以前从未对Observers做过任何事情,并使用过Mutation Summary。它似乎能够完成您想要的事情,只是它直到文件准备就绪/空闲(不确定哪个)才开始观察,因此您可能必须对文件准备就绪进行扫描,然后解雇观察员。 这是我的测试代码(在内容脚本中)的样子……
handleChanges = function(summaries) { // There may be more things to ignore var ignore = { SCRIPT: true, NOSCRIPT: true, CDATA: true, '#comment': true } summaries.forEach(function(summary) { summary.added.forEach(function(node) { if (!ignore[node.nodeName] || (node.parentNode && !ignore[node.parentNode.nodeName]) && node.nodeValue.trim()) { node.nodeValue='PAEz woz ere - '+node.nodeValue; } }) }) } var observer = new MutationSummary({ callback: handleChanges, // required rootNode: document, // optional, defaults to window.document observeOwnChanges: false, // optional, defaults to false queries: [{ characterData: true }] });
检查XMLHttpRequest的另一种方法是劫持它,它看起来就像(在文档开始时的内容脚本中一样).....
function injectScript(source) { var elem = document.createElement("script"); //Create a new script element elem.type = "text/javascript"; //It's javascript elem.innerHTML = source; //Assign the source document.documentElement.appendChild(elem); //Inject it into the DOM } injectScript("("+(function() { function bindResponse(request, response) { request.__defineGetter__("responseText", function() { console.warn('Something tried to get the responseText'); console.debug(response); return response; }) } function processResponse(request,caller,method,path) { bindResponse(request, request.responseText); } var proxied = window.XMLHttpRequest.prototype.open; window.XMLHttpRequest.prototype.open = function(method, path, async) { var caller = arguments.callee.caller; this.addEventListener('readystatechange', function() { if (this.readyState === 4) processResponse(this,caller,method,path); }, true); return proxied.apply(this, [].slice.call(arguments)); }; }).toString()+")()");
…我在超级棒的Supper Happy Fun Blog中学不到。 但是,正如您现在可能知道的那样,这对于ajax驱动的站点来说还不够。通常,您必须为网站编写一些特定的内容,否则Mutation Observer可能会满足您的需求。