I get the following error in Chrome when loading a trivially simple html file with a jQuery Mobile reference. The error is not present with just the jQuery reference.
Uncaught SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL '' cannot be created in a document with origin 'null'.
<html>
<head>
<script src=".1.4.js"></script>
<script src=".4.5/jquery.mobile-1.4.5.js"></script>
</head>
<body></body>
</html>I get the following error in Chrome when loading a trivially simple html file with a jQuery Mobile reference. The error is not present with just the jQuery reference.
Uncaught SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'http://stacksnippets/js' cannot be created in a document with origin 'null'.
<html>
<head>
<script src="https://code.jquery./jquery-2.1.4.js"></script>
<script src="https://code.jquery./mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
</head>
<body></body>
</html>You can also "Run code snippet" and see the error in the console.
This error did not happen before today. I have not changed my code or method of loading the html file in the browser. It used to work perfectly - I use the same code for all my PhoneGap apps.
Does anyone know if there was a Chrome security update that causes this SecurityError or whether I'm missing something? How would you go about debugging this? Thank you.
UPDATE
This discussion I think points out what is going on, which I suspected, since the error does not appear when running with a web server: Origin null is not allowed by Access-Control-Allow-Origin .
But I am still wondering why this changed in the past day, whether Chrome has had a change in their security policy, or why it was working before, and whether any of my PhoneGap apps will be affected.
Share Improve this question edited May 23, 2017 at 10:30 CommunityBot 11 silver badge asked Sep 3, 2015 at 21:25 raduationraduation 7925 silver badges11 bronze badges 1- Possible duplicate of Failed to execute 'replaceState' on 'History' <local_URL> cannot be created in a document with origin 'null' – GingerPlusPlus Commented Nov 23, 2015 at 16:47
4 Answers
Reset to default 4This error is same as the origin is null error. This error occurs because of the security feature of Chrome. A simple solution to test the application is to bypass this security on chrome.
Steps:
- create a chrome browser shortcut on desktop.
- Close all the instances of chrome on your machine.
- Right click on the desktop shortcut of chrome and click on Properties.
- in Target field, append " -allow-file-access-from-files" at the end.
- Save and close properties.
- Open chrome via this shortcut only.
Hurry, the error has gone. App works perfectly.
NOTE: This is just a work-around I use to test my cordova apps on desktop browser for UI testing.
Temporary solution: I've mented out all history.replaceState calls in jquery mobile, didn't need to manipulate browser history in my app anyways.
I wonder if it's chrome security bug or model and future behavior.
On a Mac I was able to fix this by running a webserver instead of loading it from a "file://" url:
http://lifehacker./start-a-simple-web-server-from-any-directory-on-your-ma-496425450?utm_expid=66866090-49.VYy4WCNHSyuP6EmjnM93MQ.0&utm_referrer=https%3A%2F%2Fwww.google.%2F
python -m SimpleHTTPServer 8000
In the directory should make it available from Chrome via 0.0.0.0
I don't seem to have the same problem, not on the stable version of Chrome (45) or the Dev version (47).
However, I have personally seen issues with the CORS header, too. If you can cause the problem to happen reliably, I suggest filing a bug at crbug. and a Chrome developer will have a look at it.