如何使用书签加载 javascript 文件，而该书签又不会重定向/重写页面？

Question

我正在尝试加载此远程调试解决方案来实时调试/与 DOM/js 交互。说明要求您将 script 块和 script 链接放入页面的 HEAD 中，以使其全部正常工作。没关系。这是一个很棒的工具。

但是，如果我想要一种类似书签的方式将其“插入”到任何页面中，该怎么办？我不明白为什么这不能完成。

这是我的书签：

javascript:(function(){document.body.appendChild(document.createElement('script')).src='http://url-to-js-file.js?x='+(Math.random());})();

然后“url-to-js-file.js”加载 iphonedebug 的 js ：

ipdConfig = {
    baseUrl: '/ipd/', // trailing slash!
    consoleBaseUrl: 'http://192.168.1.25:8170/' // trailing slash!
}

document.body.appendChild(document.createElement('script')).src='http://192.168.1.25/ipd/ipd.js';

console.log('fin.');

请注意，src 属性最初是“/ipd/ipd.js”，如说明所示。但如果我想让调试器与其他站点一起工作，它就需要像这样绝对。

我的问题是这段代码会将第一个js文件（url-to-js-file.js）转储到页面中，但是当第一个文件尝试插入其他连续文件时，我的页面似乎重定向。事实上它并没有重定向，只是被重写了。 Firebug 将结果页面显示为没有正文，而只是 HEAD 元素中的 ipd js 文件。

为什么要这样做？

是否是因为 小书签行为 通常会重定向到新页面？我不这么认为。因为我在书签链接中使用了闭包。当我注释掉“url-to-js-file.js”文件的 document.body... 行时，页面保持在原来的位置。是筑巢吗？或者可能是其他 ipd js 文件中的某些内容导致了这种情况？

我尝试将“url-to-js-file.js”代码放入闭包中，但随后全局 var ipdConfig 对 ipd 代码的其余部分变得不可见，从而破坏了它。

有什么想法吗？

Answer 1

我最好的猜测是 ipd.js 文件在其代码中的某处使用了 document.write() 。在这种情况下，您需要修改 ipd.js 以使其不会执行此操作。

正如我所怀疑的，ipd.js 是由 javascript 新手编写的：

document.write('<script src="' + ipdConfig.baseUrl + '_ipd.js"></script>');

修改它以使用 appendChild(createElement(...)) 代替。