Service Worker scope and SPA navigation











up vote
0
down vote

favorite












Let's say I load my website at https://example.com, and I register my Service Worker at /app.



I expect the SW to receive fetch events when I navigate to https://example.com/app.



However, if I navigate to /app with history.pushState, the SW doesn't receive fetch events. If I then reload the page at https://example.com/app, the SW does receive fetch events.



Does the SW scope not work for the History API?






javascript service-worker







share|improve this question




























    up vote
    0
    down vote

    favorite












    Let's say I load my website at https://example.com, and I register my Service Worker at /app.



    I expect the SW to receive fetch events when I navigate to https://example.com/app.



    However, if I navigate to /app with history.pushState, the SW doesn't receive fetch events. If I then reload the page at https://example.com/app, the SW does receive fetch events.



    Does the SW scope not work for the History API?






    javascript service-worker







    share|improve this question


























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      Let's say I load my website at https://example.com, and I register my Service Worker at /app.



      I expect the SW to receive fetch events when I navigate to https://example.com/app.



      However, if I navigate to /app with history.pushState, the SW doesn't receive fetch events. If I then reload the page at https://example.com/app, the SW does receive fetch events.



      Does the SW scope not work for the History API?






      javascript service-worker







      share|improve this question















      Let's say I load my website at https://example.com, and I register my Service Worker at /app.



      I expect the SW to receive fetch events when I navigate to https://example.com/app.



      However, if I navigate to /app with history.pushState, the SW doesn't receive fetch events. If I then reload the page at https://example.com/app, the SW does receive fetch events.



      Does the SW scope not work for the History API?






      javascript service-worker




      javascript service-worker






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 7 at 7:59

























      asked Nov 7 at 7:47









      Eric Guan

      7,20521526




      7,20521526
























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote













          The fetch event handler in a service worker will only be invoked when there's a network request. Changing the URL using the History API doesn't trigger a network request.



          Reloading a page, or entering a new URL in the navigation bar and pressing Enter, does trigger a network request.






          share|improve this answer





















            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














             

            draft saved


            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53185323%2fservice-worker-scope-and-spa-navigation%23new-answer', 'question_page');
            }
            );

            Post as a guest


















            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            0
            down vote













            The fetch event handler in a service worker will only be invoked when there's a network request. Changing the URL using the History API doesn't trigger a network request.



            Reloading a page, or entering a new URL in the navigation bar and pressing Enter, does trigger a network request.






            share|improve this answer

























              up vote
              0
              down vote













              The fetch event handler in a service worker will only be invoked when there's a network request. Changing the URL using the History API doesn't trigger a network request.



              Reloading a page, or entering a new URL in the navigation bar and pressing Enter, does trigger a network request.






              share|improve this answer























                up vote
                0
                down vote










                up vote
                0
                down vote









                The fetch event handler in a service worker will only be invoked when there's a network request. Changing the URL using the History API doesn't trigger a network request.



                Reloading a page, or entering a new URL in the navigation bar and pressing Enter, does trigger a network request.






                share|improve this answer












                The fetch event handler in a service worker will only be invoked when there's a network request. Changing the URL using the History API doesn't trigger a network request.



                Reloading a page, or entering a new URL in the navigation bar and pressing Enter, does trigger a network request.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 8 at 21:18









                Jeff Posnick

                28k46091




                28k46091






























                     

                    draft saved


                    draft discarded



















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53185323%2fservice-worker-scope-and-spa-navigation%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest






































































                    -

                    這個網誌中的熱門文章

                    Academy of Television Arts & Sciences

                    圖片
                    American television organization Academy of Television Arts & Sciences Founded 1946 ; 73 years ago  ( 1946 ) Location North Hollywood, California, United States Area served Television industry Product Emmy Awards Key people Frank Scherma ( Chairman and CEO ) Website televisionacademy.com [redirects to emmys.com , official website of the Emmys and the Television Academy The Academy of Television Arts & Sciences ( ATAS ), also colloquially known as the Television Academy , is a professional honorary organization dedicated to the advancement of the television industry in the United States. Founded in 1946, the organization presents the Primetime Emmy Awards, an annual ceremony honoring achievement in U.S. primetime television. Contents 1 History 2 Emmy Award 3 Publications and programs 4 Current governance 4.1 Board of Governors 5 Television Academy honors 5.1 1st Annual (2008) 5.2 2nd Annual (2009)...
                    閱讀完整內容

                    MGP Nordic

                    圖片
                    MGP Nordic Also known as Melodi Grand Prix Nordic Genre Song contest Created by DR Country of origin Denmark No. of episodes 5 contests Production Production location(s) Scandinavia Running time Various Distributor Nordvision Release Original network DR, NRK, SVT (2002–09) Yle Fem (2007–09) Original release 27 April 2002  ( 2002-04-27 )  – 28 November 2009  ( 2009-11-28 ) Chronology Preceded by De unges Melodi Grand Prix Related shows Dansk Melodi Grand Prix Junior Eurovision Song Contest MGP Nordic ( Melodi Grand Prix Nordic ) was a Scandinavian song contest for children aged 8 to 15, organized by DR, NRK, SVT and Yle through Yle Fem. It originated as a 2000 spin-off of Denmark's Eurovision Song Contest national final known as De unges Melodi Grand Prix , but expanded to become MGP Nordic in 2002 with the addition of Norway and Sweden. Contents 1 History 2 National selections 3 List of contests 4 ...
                    閱讀完整內容

                    Xamarin.form Move up view when keyboard appear

                    圖片
                    .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box; } 0 I'm trying to build a Chat app UI, the idea of the Layout was pretty simple: When the input bar is focused, keyboard show up and "push" up the chat bar, as it's a grid, the ListView will resize to fit the screen: I update the input bar's margin to "push" it up: NSValue result = (NSValue)args.Notification.UserInfo.ObjectForKey(new NSString(UIKeyboard.FrameEndUserInfoKey)); CGSize keyboardSize = result.RectangleFValue.Size; if (Element != null){ Element.Margin = new Thickness(0, 0, 0,keyboardSize.Height); //push the entry up to keyboard height when keyboard is activated } And this is ...
                    閱讀完整內容