PWA debug chrome “add to homescreen” button not doing anything





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







1















I am trying to add the "add to Homescreen" prompt function to my website. Now I've read the google developer articles and I have everything set up.



Now, If I try to manually add my page to the homescreen with the button "Add to homecreen" in the Chrome devtools > Application > Manifest , nothing is happening. A few times the console showed an error, but after fixing it nothing happens. I don't get the Add to shelf banner, but I don't get an error displayed in the console. Lighthouse doesn't show any error either. In fact, lighthouse shows a score of 92 in pwa.



Is this now meaning that everything is working? Is there an other debug function I've overseen?



Edit: If I press the button and than reload the page, after I press reload and the page is acctually loaded, the console displays:




Site cannot be installed: the page has requested the banner prompt be cancelled











share|improve this question

























  • do you have the web app manifest file in place? developers.google.com/web/fundamentals/web-app-manifest

    – André Kelling
    Nov 19 '18 at 15:08


















1















I am trying to add the "add to Homescreen" prompt function to my website. Now I've read the google developer articles and I have everything set up.



Now, If I try to manually add my page to the homescreen with the button "Add to homecreen" in the Chrome devtools > Application > Manifest , nothing is happening. A few times the console showed an error, but after fixing it nothing happens. I don't get the Add to shelf banner, but I don't get an error displayed in the console. Lighthouse doesn't show any error either. In fact, lighthouse shows a score of 92 in pwa.



Is this now meaning that everything is working? Is there an other debug function I've overseen?



Edit: If I press the button and than reload the page, after I press reload and the page is acctually loaded, the console displays:




Site cannot be installed: the page has requested the banner prompt be cancelled











share|improve this question

























  • do you have the web app manifest file in place? developers.google.com/web/fundamentals/web-app-manifest

    – André Kelling
    Nov 19 '18 at 15:08














1












1








1








I am trying to add the "add to Homescreen" prompt function to my website. Now I've read the google developer articles and I have everything set up.



Now, If I try to manually add my page to the homescreen with the button "Add to homecreen" in the Chrome devtools > Application > Manifest , nothing is happening. A few times the console showed an error, but after fixing it nothing happens. I don't get the Add to shelf banner, but I don't get an error displayed in the console. Lighthouse doesn't show any error either. In fact, lighthouse shows a score of 92 in pwa.



Is this now meaning that everything is working? Is there an other debug function I've overseen?



Edit: If I press the button and than reload the page, after I press reload and the page is acctually loaded, the console displays:




Site cannot be installed: the page has requested the banner prompt be cancelled











share|improve this question
















I am trying to add the "add to Homescreen" prompt function to my website. Now I've read the google developer articles and I have everything set up.



Now, If I try to manually add my page to the homescreen with the button "Add to homecreen" in the Chrome devtools > Application > Manifest , nothing is happening. A few times the console showed an error, but after fixing it nothing happens. I don't get the Add to shelf banner, but I don't get an error displayed in the console. Lighthouse doesn't show any error either. In fact, lighthouse shows a score of 92 in pwa.



Is this now meaning that everything is working? Is there an other debug function I've overseen?



Edit: If I press the button and than reload the page, after I press reload and the page is acctually loaded, the console displays:




Site cannot be installed: the page has requested the banner prompt be cancelled








json debugging service-worker progressive-web-apps






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 24 '18 at 21:37









abraham

34.1k868116




34.1k868116










asked Nov 16 '18 at 12:51









Patrick SchockePatrick Schocke

981317




981317













  • do you have the web app manifest file in place? developers.google.com/web/fundamentals/web-app-manifest

    – André Kelling
    Nov 19 '18 at 15:08



















  • do you have the web app manifest file in place? developers.google.com/web/fundamentals/web-app-manifest

    – André Kelling
    Nov 19 '18 at 15:08

















do you have the web app manifest file in place? developers.google.com/web/fundamentals/web-app-manifest

– André Kelling
Nov 19 '18 at 15:08





do you have the web app manifest file in place? developers.google.com/web/fundamentals/web-app-manifest

– André Kelling
Nov 19 '18 at 15:08












2 Answers
2






active

oldest

votes


















1














I was having this same issue: Chrome Dev Tools Add to Homescreen was not working on ANY PWA. After days struggling trying to figure out where the problem was I finally found that Chrome main menu has an option to install the app, and that option is working fine. So you don't need to use Chrome Dev Tools option.



enter image description here






share|improve this answer































    0














    If you are testing in localhost, try http://localhost instead of 127.0.0.1.



    I don't know why, but I have the same issue when using 127.0.0.1.
    After changing to localhost, it works correctly.






    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',
      autoActivateHeartbeat: false,
      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%2f53338302%2fpwa-debug-chrome-add-to-homescreen-button-not-doing-anything%23new-answer', 'question_page');
      }
      );

      Post as a guest















      Required, but never shown

























      2 Answers
      2






      active

      oldest

      votes








      2 Answers
      2






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      1














      I was having this same issue: Chrome Dev Tools Add to Homescreen was not working on ANY PWA. After days struggling trying to figure out where the problem was I finally found that Chrome main menu has an option to install the app, and that option is working fine. So you don't need to use Chrome Dev Tools option.



      enter image description here






      share|improve this answer




























        1














        I was having this same issue: Chrome Dev Tools Add to Homescreen was not working on ANY PWA. After days struggling trying to figure out where the problem was I finally found that Chrome main menu has an option to install the app, and that option is working fine. So you don't need to use Chrome Dev Tools option.



        enter image description here






        share|improve this answer


























          1












          1








          1







          I was having this same issue: Chrome Dev Tools Add to Homescreen was not working on ANY PWA. After days struggling trying to figure out where the problem was I finally found that Chrome main menu has an option to install the app, and that option is working fine. So you don't need to use Chrome Dev Tools option.



          enter image description here






          share|improve this answer













          I was having this same issue: Chrome Dev Tools Add to Homescreen was not working on ANY PWA. After days struggling trying to figure out where the problem was I finally found that Chrome main menu has an option to install the app, and that option is working fine. So you don't need to use Chrome Dev Tools option.



          enter image description here







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Feb 27 at 9:30









          RubenJMarrufoRubenJMarrufo

          717




          717

























              0














              If you are testing in localhost, try http://localhost instead of 127.0.0.1.



              I don't know why, but I have the same issue when using 127.0.0.1.
              After changing to localhost, it works correctly.






              share|improve this answer




























                0














                If you are testing in localhost, try http://localhost instead of 127.0.0.1.



                I don't know why, but I have the same issue when using 127.0.0.1.
                After changing to localhost, it works correctly.






                share|improve this answer


























                  0












                  0








                  0







                  If you are testing in localhost, try http://localhost instead of 127.0.0.1.



                  I don't know why, but I have the same issue when using 127.0.0.1.
                  After changing to localhost, it works correctly.






                  share|improve this answer













                  If you are testing in localhost, try http://localhost instead of 127.0.0.1.



                  I don't know why, but I have the same issue when using 127.0.0.1.
                  After changing to localhost, it works correctly.







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Mar 3 at 12:42









                  app1eapp1e

                  1




                  1






























                      draft saved

                      draft discarded




















































                      Thanks for contributing an answer to Stack Overflow!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid



                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.


                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function () {
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53338302%2fpwa-debug-chrome-add-to-homescreen-button-not-doing-anything%23new-answer', 'question_page');
                      }
                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      Popular posts from this blog

                      Bressuire

                      Vorschmack

                      Quarantine