JS Bookmarklet在IE11中不起作用

Question

长期潜伏者，第一次海报。

基本原则如下：

受这篇博客文章的启发，我试图为我们的QA团队创建一个书签来快速填充表单。

bookmarklet在Chrome、IE 10和IE 9兼容模式下的my machine（TM）上运行非常完美。我已经在QA团队的机器上测试了bookmarklet，虽然它在Chrome浏览器和IE9上运行良好，但bookmarklet在运行IE11的两台机器上不起作用。

详情：

在运行IE 11的两台机器中，一台在Win7上，另一台在Win8.1上。Win 7上运行IE 11的机器更新为IE 11.0版。9600.17207IS，也将在Chrome中正确运行bookmarklet。

我尝试了几个不同的变体，第一个是基于上面提到的CSS-Tricks博客文章。

<a href="javascript:
    (function(d) {
        var body = d.getElementsByTagName('body').item(0);
        var script = d.createElement('script');
        script.src = 'https://company.siteurl.com/unrelated/DisclosureRegister.js';
        body.appendChild(script);
    }(window.document));
    alert('Bookmarklet js fired!');">Disclosure Register Bookmarklet</a>

第二个基于StackOverflow响应，如下所示：

<a href="javascript:
    (function(){
        var s=document.createElement('script');
        s.type='text/javascript';    
        s.src='https://company.siteurl.com/unrelated/DisclosureRegister.js';
        document.getElementsByTagName('head')[0].appendChild(s);
    }());">Disclosure Register 2</a>

这两个代码都可以在前面提到的浏览器中在我的机器上运行，在其他机器上也不能在IE11中运行（我没有IE11，不能直接在我的机器上测试它）。

我在开发人员工具的控制台和DisclosureRegister中没有收到错误消息。js文件未列在开发人员工具的文件列表中。看来bookmarklet根本没有启动。

当我右键单击时，这些书签都没有网络文档选项卡

<a href="javascript:alert('That tickles!');">Click me!</a>

我通过在CoDepen中编写html来传递书签，通过电子邮件给他们发送到CoDepen的直接链接（我没有足够的信誉点来发布链接），并让他们将链接从CoDepen输出拖到浏览器收藏栏。

我遇到了一些东西，这让我有了希望，那是一个旧版本IE11的bug，但是使用的IE版本甚至比修复相关bug的版本还要新。

以防万一披露登记册上有什么东西。导致IE 11中止javascript的js文件，我还提供了相应的代码：

(function (win, doc, $, undefined) {

    //Don't run if jQuery isn't loaded
    if (typeof window.jQuery === 'undefined') {
        return;
    }

    alert("Script is being called!");

    }(window, window.document, window.jQuery));

问题是：

虽然我肯定不排除代码中的错误（当然，如果错误，请纠正我），但IE 11处理javascript书签的方式有什么特殊之处吗？

提前感谢您的时间！

Answer 1

我能够通过删除书签代码中的所有换行符来解决同样的问题。IE 11显然不知道如何处理它们。

bookmarklet代码中有换行符，将其添加到“收藏夹”后，属性显示一个空白URL，单击它时不会发生任何事情。

删除换行符后（运行正则表达式将所有空格折叠为一个空格字符），将其添加到“收藏夹”后，属性在URL字段中显示正确的javascript，单击时正确运行。

我在任何地方都找不到任何记录这种限制的东西。

Answer 2

我想我发现了IE11中书签的问题。我刚刚在IE11中添加了一个书签，但它不起作用，所以我开始谷歌搜索并找到了这个页面。然后我在微软自己的网站上找到了书签，他们实际上推荐使用它，而且它很有效。然后我决定检查语法是否正确，这就是我发现问题的地方。出于某种原因，IE通过拖放将长书签添加到工具栏时会削减部分书签。我的书签，我试图添加是几个括号短的原始，因为语法是不正确的。然后我手动复制粘贴完整的代码，它开始工作。

Answer 3

那篇文章是我写的。很高兴你们发现它很有用。

似乎有很多人抱怨bookmarklet在IE11中不能正常工作。我要测试的一件事是IE11如何处理同源策略。查看此链接，看看是否可以临时禁用同源策略。然后测试。

显然，它不会解决问题，但它可以引导你朝着正确的方向前进。

希望这有点帮助。让我知道。