When I'm on some websites (e.g. YouTube), On the address bar I see the icon of downloading this website as a desktop application. I would like to know how this happens or how the website can be a desktop application that easy? What's the logic behind this?
P.S: I'm using Google Chrome.
The icon that I'm talking about is here:
That is a PWA, which stands for Progressive Web App. You can install them as an application just like others. See MDN for more information.
Related
I'm working on a test project to start learning about service workers and progressive web apps.
This project is hosted on github in https://github.com/Pablo-No/Privado1, however, when I download it as a progressive web app in a mobile phone some images aren't loaded correctly and alt text is shown instead, I don't know how to fix it, probably because I don't know how service workers and progresive web apps work, and that's why I'm working on this project.
In my computer it works perfectly, even when the app is downloaded without connection to internet (thanks to the service worker, I think). I've seen some similar issues, but I think they're different, however I may not be correct and I'm sorry if this issue has been answered yet.
I've used Chrome and Chrome mobile with the desktop and the mobile phone (the mobile phone uses android).
Actually I've made it works properly by using code in https://codelabs.developers.google.com/codelabs/your-first-pwapp . I hope this question and answer helps other people if they have the same issue.
Is it possible for a PWA to automatically add itself to the MacOS dock, or to automatically launch at login (without the user specifically updating the app settings)?
I have converted my web application into an installable PWA. The PWA automatically installs itself into the Chrome Applications directory (when installed from Chrome), which is not where many users would look for an application. I've been unable to find good documentation of this issue (let alone a solution) for desktop PWAs (lots about mobile PWAs!).
UPDATE:
Seems broadly speaking have been surprised by the lack of documentation about desktop PWAs -- would also be satisfied with good resources that I could use to answer my own question.
It is now possible to install a PWA into your desktop with chrome, and it will show up in the desktop's Applications Menu, and in the dock with the option to Keep in dock in mac!
found the magic here: https://medium.com/#dhormale/install-pwa-on-windows-desktop-via-google-chrome-browser-6907c01eebe4
Since I had my app configured correctly for PWA (for mobile) it works perfectly in the desktop PWA
I have to build a multiplataform desktop app that loads any website that I want inside the desktop app, I dont want to open my google chrome or firefox.
Researching I came across Electron. It is possible to this in electron?
If it is possible, do I have any control over the web site, for example, can I spot all the forms and complete them with dummy data?
My requirement is to develop a web page which shows the remote desktop I am connected to. The computer I am trying to connect is on the OpenStack cloud which has a static I.P(public I.P) and can be accessed by providing login credentials.
I don't mind if there is a need to add a plugin to my browser. Is there a tool or API to support this? Glad if there is a Node js solution for this.
Have you tried the remote-control-server package?. It enables you to control your PC from your web browser on your other PC or mobile device remotely. It also supports mouse movements, scrolling, clicking and keyboard input.
You can check it out here.
https://www.npmjs.com/package/remote-control-server
Hope this helps!
I'd like to add to my website a piece of javascript code that will share the current page to the facebook's user profile.
https://www.facebook.com/sharer/sharer.php?u={URL}
It works well in the desktop version. In the mobile version it open a new Safari tab/window.
Is there a way to open the facebook native app with the share page?
If I'm reading this correctly, your question is very similar to another on the website. To quote an answer there:
The Facebook app does not officially support deep linking so what you are trying to do is not possible (right now).