Uncaught SecurityError: Failed to execute 'replaceState' on 'History': cannot be created in a document with origin 'null'

Question

I really don't get this chrome error:

Uncaught SecurityError: Failed to execute 'replaceState' on 'History': cannot be created in a document with origin 'null'

In Edge, Firefox and IE no errors.

I use jquery 1.11.1 and jquery mobile 1.4.5.

This is my index file:

<!DOCTYPE html>
<html>
<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/xy.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.icons.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.structure-1.4.5.min.css" />

    <title></title>

</head>

<body>
    <div data-role="page">
       <div data-role="header" data-add-back-btn="true">
           <p align="center">Test</p>
       </div>

        <ul data-role="listview" data-filter="true" data-filter-placeholder="Kategorie suchen"  data-inset="true" data-count-theme="b">
            <li><a href="assets/beck/index.html" data-rel"dialog" rel ="external">Bäckereien </a></li>
        </ul>

    </div>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
</body>

</html>

Any help much appreciated!

Without your Javascript code, we won't be able to help you much... — D4V1D, Sep 08 '15 at 09:16
@A.Wolff No i don't run one. It worked before without one. Should i use one? — olivier, Sep 08 '15 at 09:24
@olivier Ya you should use one, sounds like a change in new update chrome security feature (maybe to fix a security hole, who knows?). Test it running a local server, if it fixes your issue, don't hesitate to post an answer here. If not, don't hesitate to comment — A. Wolff, Sep 08 '15 at 09:25

score 61 · Accepted Answer · edited Dec 03 '15 at 00:31

61

Add this:

<script>
    $(document).bind('mobileinit',function(){
        $.mobile.changePage.defaults.changeHash = false;
        $.mobile.hashListeningEnabled = false;
        $.mobile.pushStateEnabled = false;
    });
</script>

Just before jquery.mobile-1.4.5.min.js

That works with Android WebViewClient and Chrome on Windows.

edited Dec 03 '15 at 00:31

Tony L.

17,638
8
69
66

answered Sep 18 '15 at 15:24

eFMer

634
5
2

Thanks for this script. I was afraid that my Android App would become useless (using Webview with local file only) – AxelH Sep 21 '15 at 06:36
2

Yep after months of work, I can relate to that feeling. Lets hope they don't change anything else. – eFMer Sep 22 '15 at 07:46
6

I found I only need `$.mobile.pushStateEnabled = false;` in the script – BluGeni Nov 10 '15 at 14:43
Thanks. You really helped me! – Dodo Mar 08 '16 at 21:37
I simply added `$.mobile.pushStateEnabled = false;` as suggested at the end of the html and it worked. – kkazakov Apr 04 '16 at 08:25

score 25 · Answer 2 · answered Sep 08 '15 at 09:36

25

The Solution for me was that i have to run a webserver. It's a new chrome security feature and wont be changed according Chromium Bug Post.

Thanks to A. Wolff!

answered Sep 08 '15 at 09:36

olivier

2,585
6
34
61

1

where does it say that this bug wont be fixed? I found the following issues which is still open - https://code.google.com/p/chromium/issues/detail?id=528681 – zumek Nov 09 '15 at 14:59
2

fastest and easiest way to do this is: python -m SimpleHTTPServer 8080 – Rob Anderson Dec 27 '15 at 01:27
1

@zumek This isn't a bug. They decided it. – Argo Apr 05 '16 at 07:22

score 0 · Answer 3 · answered Mar 02 '16 at 16:57

0

This can also be caused by Turbolinks (HTML pushState) when working with a local HTML file.

answered Mar 02 '16 at 16:57

Greg Benedict

219
2
5

Uncaught SecurityError: Failed to execute 'replaceState' on 'History': cannot be created in a document with origin 'null'

3 Answers3

Linked