One of the coolest nowadays on is the Web Share , this feature provides the ability to share content on a website like we do share action on native applications. features Website World API If previously we depend on widgets like or to share a web content, now the widget can already be replaced by this feature. In my personal opinion, the features offered by Web Share API is so much better. AddThis ShareThis Unfortunately, this feature can only be enjoyed on the Google Chrome platform only, I really hope the future of all browsers can implement this feature on their platform. Here are more details: (Browser compatibility) How To Use Web Share API1 1. Your website must be served over HTTPS If you are in the development process and attempt to use https:// to try out the features you have applied, I recommend using the service from , with only 1 command in the command line, your website can be directly served with https:// without installation or registration, it is easy enough: http://serveo.net 80 ssh -R :localhost :3000 serveo .net (I’m using ngrok already, need to do installation and registration 😭😭😭) 2. You can only invoke the API in response to a user action You can only invoke the API in response to a user action, such as a click (e.g., you can’t call navigator.share as part of the page load). Share This /** * jQuery */ $("#share").click(function() { shareThis(); }); < = = > button onclick "shareThis()" id "share" </ > button < > script { } function shareThis () //call navigation.share(); </ > script (Invoke Web Share API on Share Button press) Web Share API handling (Final Result!) Conclusion The Web Share API is a cool feature offered by Google Chrome, but it can not be implemented in other browsers like Safari. I suggest you to provide additional features (e.g AddThis, ShareThis, or create manual function) for other browsers, so your website visitors can still share content on your page.
