Was ist How Fugu is the Web??

How Fugu is the Web? ist eine Chrome-Erweiterung, die von Thomas Steiner entwickelt wurde, und ihr Hauptmerkmal ist "An extension to shine light on the Project Fugu 🐡 APIs web apps want to use.".

Erweiterungsscreenshots

How Fugu is the Web?-Erweiterungs-CRX-Datei herunterladen

Laden Sie How Fugu is the Web?-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

How it works

API data

The raw data for the different Project Fugu 🐡 APIs is curated in a spreadsheet, which is then turned into JavaScript, so keeping the list of APIs updated is hopefully a straightforward task.

API detection

The extension monitors the requests a page makes via the chrome.webRequest.onBeforeRequest.addListener() API. Each response body, grouped by main frame, JavaScript, and Web App Manifest response bodies, is then run through a set of regular expressions like /navigator\.hid\.requestDevice\s*\(/g to determine if the code hints at a Project Fugu 🐡 API potentially being used.

Browser support detection

Most Project Fugu 🐡 APIs are easily feature-detectable by checking for the existence of interfaces or properties, for example, as in 'BarcodeDetector' in window. Other APIs require a ServiceWorkerRegistration, but luckily the popup window in Manifest V3 extensions uses a service worker, so it can be used via an IIFE that can be run in the client or the service worker. An example is (async () => 'periodicSync' in (await navigator.serviceWorker?.ready || self.registration))().

The support categories are listed below:

✔️ Supported by your browser.
🚫 Not supported by your browser.
🤷 Support unknown for your browser. (The only way to know would be user-agent sniffing.)

Deep-linking

The extension makes use of Text Fragment URLs to deep-link to the occurrence of a detected API, for example https://airhorner.com/scripts/main.min.js#:~:text=navigator.setAppBadge(. For main frame documents, the source code gets rendered in a helper HTML page controlled by the extension, since it is impossible to link to view-source: protocol links.

Limitations

• The chrome.webRequest.onBeforeRequest.addListener() API unfortunately does not "see" requests that are handled by a service worker (crbug.com/766433). There are three possible workarounds for this:
- Hard-reload via ⌘/ctrl+shift+r.
- Open DevTools and check the Bypass for network checkbox in the Service Worker section of the Application tab.
- Clear storage in the Storage section of the Application tab.
• The extension only does static code analysis, that is, there is no guarantee that the app actually uses the code snippet where a Project Fugu 🐡 API was detected.
• Heavily minified code will not be detected. For example, if an app minifies navigator.clipboard.write() to const nav = navigator; nav.clipboard.write(), the extension will not detect this.

License

Apache 2.0.

Grundlegende Informationen zur Erweiterung

Name	How Fugu is the Web?
ID	apcghpabklkjjgpfoplnglnjghonjhdl
Offizielle URL	https://chromewebstore.google.com/detail/how-fugu-is-the-web/apcghpabklkjjgpfoplnglnjghonjhdl
Beschreibung	An extension to shine light on the Project Fugu 🐡 APIs web apps want to use.
Dateigröße	125 KB
Installationsanzahl	78
Aktuelle Version	1.17.0
Letztes Update	2024-01-10
Veröffentlichungsdatum	2021-06-23
Entwickler	Thomas Steiner
E-Mail	[email protected]
Zahlungsart	free
Erweiterungswebsite	https://github.com/tomayac/project-fugu-api-detector
Hilfeseite URL	https://github.com/tomayac/project-fugu-api-detector/issues
URL der Datenschutzrichtlinien-Seite	https://raw.githubusercontent.com/tomayac/blogccasion/master/privacy-policy.txt
Unterstützte Sprachen	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "__MSG_extName__", "description": "__MSG_extDescription__", "version": "1.17.0", "default_locale": "en", "manifest_version": 3, "background": { "service_worker": "background.js" }, "permissions": [ "activeTab", "webRequest", "webNavigation" ], "host_permissions": [ "https:\/\/\/" ], "action": { "default_popup": "popup.html", "default_icon": { "320": ".\/assets\/blowfish.png" }, "default_title": "__MSG_noAPIsDetected__" }, "content_scripts": [ { "js": [ "contentInject.js" ], "matches": [ "" ], "run_at": "document_start" } ], "icons": { "320": ".\/assets\/blowfish.png" } }