We Keep Coding

Chrome Extension should use Web Application or Chrome App

I want to create a chrome extension and use the Sheets API to do something, so I have reviewed two tutorial.
this article
https://medium.com/swlh/oauth2-openid-chrome-extension-login-system-29285323882f
is using lauchWebAuthFlow to achieve the Authentication, but using Web Application as Application Type.
And this video,
https://www.youtube.com/watch?v=5grkEnYytF4
is using getAuthToken, but the Application Type is Chrome App.
I want to ask when to use Chrome App and when to use Web Application?
For further asking, I want to ask if I want to use my chrome extension not only in Google Chrome but at least with Microsoft Edge, which Authentication method is recommended to do, and if I am using that method, how I can use that method to use the Sheet API.
Thank you.

Blocking websites on a web app using javascript

I'm currently developing a web app that allows users to add a list of websites that they want to block i.e. preventing them from accessing the website from their browser.
Ideally I want to be able to block websites on every browser but this is difficult, so I narrowed my research to just Chrome for now. I came across the chrome.webRequest api which seems promising but it specifically says its for chrome extensions and am unsure if it would work for my web app.
Can anyone point me in the right direction for blocking websites on a web app, ideally using javascript. Any help is much appreciated!!
EDIT:
1) I forgot to mention that I'm using firebase for my backend.
2) People have been saying that I can't block websites outside the web apps scope, if I instead used electron to make the web app a desktop application would it then be possible?

Firstly you have a database containing URL of blocked websites. URLs are modified using your web app. That's one part. Now your problem is how to make the browser work with your database.
The only possible way for you to share blocked URLs with the browser is via API. You must have API that can communicate outside your web app.
Now browsers such as chrome/firefox give users the power to make changes inside and outside the dom. For chrome, you have chrome extension where Google provides API so the users can manipulate actions outsides regular actions such as manipulating dom. An example I can give that is closely related to your subject matter, which is an action activated before/after a user enters URL on the search box and for that, we use the following API from https://developer.chrome.com/extensions/webRequest
And it's same for Firefox.

Google Proximity Beacon API : Build a web app to detect beacons (Progressive App)

I'm trying to build a web app to detect beacons in my room.
So far I have integrated the Google Beacon API on a webpage and using Google Client JS API have used the below services:
https://proximitybeacon.googleapis.com/v1beta1/beacons to fetach all the beacons of my project
https://proximitybeacon.googleapis.com/v1beta1/beaconinfo:getforobserved?key=+ apiKey to get all the attachments of my active beacon.
All the above is working fine, but this is different from what I'm looking for. Is there a way that when the web page open in chrome, a function is triggered whenever it finds a beacon. As per my undertanding this is possible using a native app (Android or iOS).
Google Nearby Notifications was an option to advertise URL but Nearby Notifications is Temporarily Muted
A little confused with the purpose of Google Beacon API.

Unfortunately, no, there are no browser-based APIs that let you change what is on a web page in a browser based on beacon detection.
For this to work, there would need to be JavaScript bindings to bluetooth scan events, something which does not exist on any platform. Google has some Chrome OS extensions that let you interact with Bluetooth via JavaScript, but these are not available in the Chrome browser on Android or in Windows/Mac versions.

How to print from Chrome on mobile web app?

I have a web app where users can create invoices. I would like users to able to print tags/labels that the web app generates directly from their phones.
I will only be supporting the latest phones. A Chrome Mobile & Android only solution is perfectly acceptable.
I've looked into Google Cloud Printing but, and please correct me if I'm wrong, the gmail account must be the same for the user and the printer in order to print. I would need ~5 users to be able to print from the same printer.
What are the best practicing regarding mobile printing from web apps?

How can I create a Google Sites script that detects browser type and redirects accoringly?

I want to create a Google Sites script that can detect whether my visitors are using Android or iOS and then redirect them to AppStore or Google Play accordingly.
This will allow me to advertise only one QR code for all devices.
Is there a way to easily set it up and host it on Google Sites?

Well the script needs to inspect the HTTP_USER_AGENT header, and do something like this:
Common link to open iOS, Android and BlackBerry app
Bear in mind that not everyone on an Android-based device has the Google Play store (e.g. Kindle Fire -> Amazon Appstore); unfortunately getting the user to an appropriate app store on Android is tricky because there are many options.