当我尝试设置 cookie 时，未捕获错误：SECURITY_ERR：DOM 异常 18

Question

当我尝试使用 this jQuery 设置 cookie 时，我在 Chrome 的开发人员工具窗口中收到以下错误插件：

未捕获的错误：SECURITY_ERR：DOM 异常 18

此错误是什么意思以及如何修复它？当我使用 this jQuery 插件时，我遇到了同样的错误。

Answer 1

您很可能通过 file:// URI 方案在本地文件上使用此功能，该方案无法设置 cookie。将其放在本地服务器上，以便您可以使用 http://localhost。

Answer 2

我在本地开发HTML5时也遇到了这个问题。
我遇到了图像和 getImageData 函数的问题。
最后，我发现可以使用 --allow-file-access-from-file 命令开关启动 chrome，从而摆脱这种保护安全性。
唯一的问题是，它使您的浏览器安全性降低，并且您不能让一个 chrome 实例打开该标志，而另一个 chrome 实例没有该标志。

Answer 3

您还可以通过将图像替换为其内联 Base64 表示形式来“修复”此问题：
<代码>

img.src= "data:image/gif;base64,R0lGODlhCwALAIAAAAAA3pn/ZiH5BAEAAAEALAAAAAALAAsAAAIUhA+hkcuO4lmNVindo7qyrIXiGBYAOw==";

Useful, when you do not intend to publish the page on the web, but instead use it on local machines only.

Answer 4

面对使用 Javascript webworkers 的相同情况。不幸的是，Chrome 不允许访问存储在本地文件中的 JavaScript Worker。

下面使用本地存储的一种解决方法是使用 --allow-file-access-from-files （末尾带有 s）运行 Chrome，但只有一个允许使用 Chrome 实例，这对我来说不太方便。因此，我使用 Chrome Canary，并允许文件访问。

顺便说一句，在 Firefox 中不存在这样的问题。

Answer 5

如果您尝试使用数据 URI 方案创建 Web Worker，则会弹出此错误。

var w = new Worker('data:text/javascript;charset=utf-8,onmessage%20%3D%20function()%20%7B%20postMessage(%22pong%22)%3B%20%7D'); w.postMessage('ping');

根据标准，这是不允许的： http ://www.whatwg.org/specs/web-apps/current-work/multipage/workers.html#dom-worker

Answer 6

我在使用历史 API 时遇到了这个问题。

window.history.pushState(null, null, URL);

即使使用本地服务器 (localhost)，您也需要将“http://”添加到 URL，以便获得类似于以下内容的内容：

http://localhost...

Answer 7

我对 --allow-file-access-from-files 解决方案并不完全满意，因为我使用 Chrome 作为我的主要浏览器，并且对这次违规并不太满意开放。

现在我正在使用 Canary（chrome beta 版本）进行开发，并打开该标志。
而我真正的博客的 Chrome 版本：这两个浏览器不共享标志！

Answer 8

如果在获得许可之前使用新的（目前仅限 webkit）通知功能，也可能会收到此错误。

首次运行：

<!-- Get permission -->
<button onclick="webkitNotifications.requestPermission();">Enable Notifications</button>

稍后运行：

// Display Notification:
window.webkitNotifications.createNotification('image', 'Title', 'Body').show();

请求权限功能需要由用户引发的事件触发，否则不会显示。

Answer 9

当使用 ASP.NET MVC 返回带有重载的 FileResult 时，我在移动 safari 中遇到了该错误，该重载返回的文件名与原始文件名不同。因此，

return File(returnFilePath, contentType, fileName);

在 mobile safari 中会出现错误，而 as 则

return File(returnFilePath, contentType);

不会。

我什至不记得为什么我认为我正在做的事情是个好主意。我想是想变得聪明吧。