Allow to fetch data from another tab

Latest Version

Version

0.0.3

Update

August 26, 2024

Size

15.35KiB

Developer

Simple Tab Connector Extension

Simple Tab Connector or STC is a minimalistic web scraping tool that allows you to extract content from another web page and use it on your web page.

To create a connection:
1) open a tab with a web page that should use the data of another;
2) click on the extension icon, a pop-up window with input and output buttons should appear;
3) click the “Output” button, it should be replaced by the host of the current web page;
3) open a tab with a web page that should send data to another;
4) click on the extension icon, a pop-up window with input and output buttons should appear;
5) press the “Input” button, it should be replaced by the host of the current web page;
6) When the input and output tabs are specified, you should see a green counter (this indicates the success of the data transfer).

STC does not provide a user interface to display the received content. Instead, it raises custom window events:
1) the connection event (type - 'connection', detail - 'on'/'off') notifies about connection status between tabs;
2) the mutation event (type - 'mutation', detail contains html) notifies about DOM changes on the input page;
3) the reloading request event (type - 'requestReloading') allows to reload the input page that could be useful to fix rendering issue sometimes;
4) the reloading success event (type - 'reloadingDone') notifies that the input page is ready after a reload;
5) the data request event (type - 'requestData', detail contains an object with url) allow to request additional data from the input page via fetch API;
6) the data response event (type = 'responseData', detail contains response of data request) allow to fetch requested data after invocation of the previous event.
7) the message event (type = 'wsData') allow to get websocket messages from the input tab as byte array.

You can handle or raise these events in your JavaScript code. Good luck.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Simple Tab Connector", "description": "Allow to fetch data from another tab", "version": "0.0.3", "manifest_version": 3, "action": { "default_icon": "chain48p.png", "default_popup": "popup.html" }, "icons": { "16": "chain16p.png", "48": "chain48p.png", "128": "chain128p.png" }, "permissions": [ "activeTab", "scripting", "webNavigation", "storage" ], "background": { "service_worker": "background.js" }}

Download CRX(15.35KiB)