Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codersales/javascript-chrome-extension-2
javascript-chrome-extension-2
https://github.com/codersales/javascript-chrome-extension-2
2024 chrome extensions google javascript msc typescript
Last synced: about 5 hours ago
JSON representation
javascript-chrome-extension-2
- Host: GitHub
- URL: https://github.com/codersales/javascript-chrome-extension-2
- Owner: CoderSales
- License: mit
- Created: 2024-05-11T14:15:34.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-05-19T14:43:35.000Z (6 months ago)
- Last Synced: 2024-05-21T02:07:44.153Z (6 months ago)
- Topics: 2024, chrome, extensions, google, javascript, msc, typescript
- Language: JavaScript
- Homepage:
- Size: 87.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# javascript-chrome-extension-2
javascript-chrome-extension-2
[First Chrome Extension Repository with References](https://github.com/CoderSales/automate-copying-open-urls-javascript/tree/main)
____
[Chrome Developer](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world)
[GitHub Google Extensions](https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/functional-samples/tutorial.hello-world)
[npm i chrome-types](https://www.npmjs.com/package/chrome-types?activeTab=readme)
____
## Commands
```bash
$ node
```
```bash
$ python -m venv .venv
```
```bash
$ source .venv/Scripts/activate
```
```bash
$ pip install nodeenv
```
```bash
$ npm i chrome-types
```
____
## References
[google chrome extensions dev - Google Search](https://www.google.com/search?q=google+chrome+extensions+dev&newwindow=1&sca_esv=722f3a8361f4f734&sca_upv=1&sxsrf=ADLYWIJWtLhSx-d7P8B_zXAJApm0EjTemg%3A1715591133775&ei=3ddBZrf4LuGpxc8PkISQwAc&ved=0ahUKEwj32u6Ao4qGAxXhVPEDHRACBHgQ4dUDCBA&uact=5&oq=google+chrome+extensions+dev&gs_lp=Egxnd3Mtd2l6LXNlcnAiHGdvb2dsZSBjaHJvbWUgZXh0ZW5zaW9ucyBkZXYyCxAAGIAEGJECGIoFMgUQABiABDIFEAAYgAQyCxAAGIAEGJECGIoFMgYQABgWGB4yBhAAGBYYHjIGEAAYFhgeMgYQABgWGB4yCBAAGBYYHhgPMgYQABgWGB5I6BZQAFidFXABeAGQAQCYAX-gAe0EqgEDMy4zuAEDyAEA-AEBmAIHoAKMBZgDAOIDBRIBMSBAkgcDNC4zoAeoKg&sclient=gws-wiz-serp)
[chrome.management | API | Chrome for Developers](https://developer.chrome.com/docs/extensions/reference/api/management)
[console.log delimiter separator - Google Search](https://www.google.com/search?q=console.log+delimiter+separator&newwindow=1&sca_esv=b99a51cc48654f1f&sca_upv=1&sxsrf=ADLYWIJ8ZBv9APyxEzsuOrkYtXgNCMFy6Q%3A1715640343787&ei=F5hCZonZL8CH7NYPsea8qAo&ved=0ahUKEwjJwIOq2ouGAxXAA9sEHTEzD6UQ4dUDCBA&uact=5&oq=console.log+delimiter+separator&gs_lp=Egxnd3Mtd2l6LXNlcnAiH2NvbnNvbGUubG9nIGRlbGltaXRlciBzZXBhcmF0b3IyBBAAGEcyBBAAGEcyBBAAGEcyBBAAGEcyBBAAGEcyBBAAGEcyBBAAGEcyBBAAGEdIzAhQxQVYxQVwAXgCkAEAmAEAoAEAqgEAuAEDyAEA-AEBmAICoAILwgIKEAAYsAMY1gQYR5gDAOIDBRIBMSBAiAYBkAYIkgcBMqAHAA&sclient=gws-wiz-serp)
[Spacing in console.log | Codecademy](https://www.codecademy.com/forum_questions/5481982976b8fe6d52000926)
[JavaScript console.log: How to make the comma param separator use newline for objects instead of space? - Stack Overflow](https://stackoverflow.com/questions/71499585/javascript-console-log-how-to-make-the-comma-param-separator-use-newline-for-ob)
[querySelector(".pathname") - Google Search](https://www.google.com/search?q=querySelector%28%22.pathname%22%29&newwindow=1&sca_esv=f4c49221cb34c0ce&sca_upv=1&sxsrf=ADLYWIIQAI5YwTEg2g3Z9esQzd4jDufAbw%3A1715602992796&ei=MAZCZq-FMMyCxc8PzLGA2A0&ved=0ahUKEwiv3deXz4qGAxVMQfEDHcwYANsQ4dUDCBA&oq=querySelector%28%22.pathname%22%29&gs_lp=Egxnd3Mtd2l6LXNlcnAiGnF1ZXJ5U2VsZWN0b3IoIi5wYXRobmFtZSIpSIFmUABYAHAAeACQAQCYAXCgAXCqAQMwLjG4AQzIAQD4AQGYAgCgAgCYAwCSBwCgB1A&sclient=gws-wiz-serp)
[javascript - Getting href value in HTML without resolution of URL - Stack Overflow](https://stackoverflow.com/questions/62029646/getting-href-value-in-html-without-resolution-of-url)
[.map javascript - Google Search](https://www.google.com/search?q=.map+javascript&newwindow=1&sca_esv=f4c49221cb34c0ce&sca_upv=1&sxsrf=ADLYWIIMFS-AMbqpicf-eJbx4qUJUYqwCw%3A1715603202860&ei=AgdCZsONNPGtxc8P_OuWyAQ&oq=.map+ja&gs_lp=Egxnd3Mtd2l6LXNlcnAiBy5tYXAgamEqAggAMgUQABiABDIFEAAYgAQyBRAAGIAEMgUQABiABDIFEAAYgAQyBRAAGIAEMgUQABiABDIFEAAYgAQyBRAAGIAEMgUQABiABEj3IFDJC1iVE3ABeACQAQCYAU2gAdkBqgEBM7gBA8gBAPgBAZgCBKAC7AHCAgkQABiwAxgHGB6YAwCIBgGQBgqSBwE0oAeJFQ&sclient=gws-wiz-serp)
[Map - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map)
[HTML DOM Anchor pathname Property](https://www.w3schools.com/jsref/prop_anchor_pathname.asp)
[javascript - How to update the groupId of a tab in chrome extensions? - Stack Overflow](https://stackoverflow.com/questions/77938748/how-to-update-the-groupid-of-a-tab-in-chrome-extensions)
[URL - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/URL)
[javascript extract url from tab - Google Search](https://www.google.com/search?q=javascript+extract+url+from+tab&oq=javascript+extract+url+from+tab&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIICAEQABgWGB4yDQgCEAAYhgMYgAQYigUyDQgDEAAYhgMYgAQYigUyDQgEEAAYhgMYgAQYigUyCggFEAAYgAQYogQyCggGEAAYgAQYogQyCggHEAAYogQYiQXSAQkxMjA1NWowajeoAgCwAgA&sourceid=chrome&ie=UTF-8)
[html - Use Javascript to get current tab url - Stack Overflow](https://stackoverflow.com/questions/70104602/use-javascript-to-get-current-tab-url)
[chrome.tabs.query() - Google Search](https://www.google.com/search?q=chrome.tabs.query()&sourceid=chrome&ie=UTF-8)
[tab current url javascript chrome extension - Google Search](https://www.google.com/search?q=tab+current+url+javascript+chrome+extension&oq=tab+current+url+javascript+chrome+extension&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQIRigATIHCAIQIRifBdIBCDg4NjVqMGo3qAIIsAIB&sourceid=chrome&ie=UTF-8)
[How can I get the URL of the current tab from a Google Chrome extension? - Stack Overflow](https://stackoverflow.com/questions/1979583/how-can-i-get-the-url-of-the-current-tab-from-a-google-chrome-extension)
[chrome-extensions-samples/api-samples/tabCapture at main · GoogleChrome/chrome-extensions-samples](https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/api-samples/tabCapture#chrometabcapture)
[how does chrome extension work gets from extension html url - Google Search](https://www.google.com/search?q=how+does+chrome+extension+work+gets+from+extension+html+url&oq=how+does+chrome+extension+work+gets+from+extension+html+url&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIGCAEQRRhA0gEJMjA2NDBqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8)
[how does manifest call function in chrome extensions - Google Search](https://www.google.com/search?q=how+does+manifest+call+function+in+chrome+extensions&oq=how+does+manifest+call+function+in+chrome+extensions&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIGCAEQRRhA0gEHOTI4ajBqN6gCALACAA&sourceid=chrome&ie=UTF-8)
["action": { "default_popup": "popup.html" - Google Search](https://www.google.com/search?q=%22action%22%3A+%7B+%22default_popup%22%3A+%22popup.html%22&oq=%22action%22%3A+%7B+%22default_popup%22%3A+%22popup.html%22&gs_lcrp=EgZjaHJvbWUyBggAEEUYOdIBCDEzMzFqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8)
[chrome.action | API | Chrome for Developers](https://developer.chrome.com/docs/extensions/reference/api/action)
[why is https:// an invalid url pattern - Google Search](https://www.google.com/search?q=why+is+https%3A%2F%2F+an+invalid+url+pattern&oq=why+is+https%3A%2F%2F+an+invalid+url+pattern&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQIRigAdIBCDc0NzFqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8)
[eclipse - java.lang.IllegalArgumentException: Invalid WelcomeServlet in servlet mapping - Stack Overflow](https://stackoverflow.com/questions/31526814/java-lang-illegalargumentexception-invalid-url-pattern-welcomeservlet-in-serv)
[GitHub](https://github.com/)
[Stack Overflow - Where Developers Learn, Share, & Build Careers](https://stackoverflow.com/)
[W3Schools Online Web Tutorials](https://www.w3schools.com/)
[how to undo a set in javascript browser parse index - Google Search](https://www.google.com/search?q=how+to+undo+a+set+in+javascript+browser+parse+index&newwindow=1&sca_esv=4771c1dce5b9df5f&sca_upv=1&sxsrf=ADLYWIJo8s0rUwpTKTB7tbCQm1SJGpdTfg%3A1715612134848&ei=5ilCZrKqM5WKxc8P4PmvYA&ved=0ahUKEwiytfqe8YqGAxUVRfEDHeD8CwwQ4dUDCBA&uact=5&oq=how+to+undo+a+set+in+javascript+browser+parse+index&gs_lp=Egxnd3Mtd2l6LXNlcnAiM2hvdyB0byB1bmRvIGEgc2V0IGluIGphdmFzY3JpcHQgYnJvd3NlciBwYXJzZSBpbmRleEjVEVDHDFjHDHABeAGQAQCYAecBoAHnAaoBAzItMbgBA8gBAPgBAZgCAaACCMICChAAGLADGNYEGEeYAwCIBgGQBgiSBwExoAdn&sclient=gws-wiz-serp)
[Set - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)
____
```javascript
const iterator1 = set1.entries();
for (const entry of iterator1) {
```
[Set.prototype.entries() - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/entries)
____
[how to iterate through setiterator - Google Search](https://www.google.com/search?q=how+to+iterate+through+setiterator&oq=how+to+iterate+through+setiterator&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIGCAEQRRhA0gEIODI3NGowajeoAgCwAgA&sourceid=chrome&ie=UTF-8)
[javascript - Iterate over set elements - Stack Overflow](https://stackoverflow.com/questions/16401216/iterate-over-set-elements)
[how to parse a set javascript - Google Search](https://www.google.com/search?q=how+to+parse+a+set+javascript&newwindow=1&sca_esv=4771c1dce5b9df5f&sca_upv=1&sxsrf=ADLYWIK7SOOcSfMb_VVq3SLJhsbMrrdPtw%3A1715614227016&ei=EzJCZuxA_pDFzw_Cl5b4Cg&ved=0ahUKEwislsqE-YqGAxV-SPEDHcKLBa8Q4dUDCBA&uact=5&oq=how+to+parse+a+set+javascript&gs_lp=Egxnd3Mtd2l6LXNlcnAiHWhvdyB0byBwYXJzZSBhIHNldCBqYXZhc2NyaXB0MggQIRigARjDBEiaHVDmC1icF3ACeAGQAQCYAaADoAGGBaoBBzAuMi40LTG4AQPIAQD4AQGYAgSgAqwEwgIKEAAYsAMY1gQYR8ICBxAjGLACGCeYAwCIBgGQBgiSBwcyLjEuNC0xoAeJBg&sclient=gws-wiz-serp)
____
Headings from geeksforgeeks.org site:
```text
1. Using forEach() method:
2. Using for...of loop:
3. Converting Set to Array and using array iteration methods:
```
[How to Iterate over the Elements of a Set in JavaScript ? - GeeksforGeeks](https://www.geeksforgeeks.org/how-to-iterate-over-the-elements-of-a-set-in-javascript/)
____
[set [[Entries]] - Google Search](https://www.google.com/search?q=set+%5B%5BEntries%5D%5D&oq=set+%5B%5BEntries%5D%5D&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQABiABDIICAIQABgWGB4yCAgDEAAYFhgeMggIBBAAGBYYHjIICAUQABgWGB4yCAgGEAAYFhgeMggIBxAAGBYYHjIICAgQABgWGB4yCAgJEAAYFhge0gEIMzc3NWowajeoAgCwAgA&sourceid=chrome&ie=UTF-8)
[Set.prototype.entries() - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/entries)
[how do you loop a setIterator in JavaScript that has Entries - Google Search](https://www.google.com/search?q=how+do+you+loop+a+setIterator+in+JavaScript+that+has+Entries&newwindow=1&sca_esv=4771c1dce5b9df5f&sca_upv=1&sxsrf=ADLYWIJapkvdP7tbnMMkNhAihQVnFt4Q5w%3A1715615844088&ei=ZDhCZqn4BJyPxc8P1Z2T0Ak&ved=0ahUKEwiputSH_4qGAxWcR_EDHdXOBJoQ4dUDCBA&uact=5&oq=how+do+you+loop+a+setIterator+in+JavaScript+that+has+Entries&gs_lp=Egxnd3Mtd2l6LXNlcnAiPGhvdyBkbyB5b3UgbG9vcCBhIHNldEl0ZXJhdG9yIGluIEphdmFTY3JpcHQgdGhhdCBoYXMgRW50cmllczIHECEYoAEYCjIHECEYoAEYCkisiAFQ_iRYkocBcAJ4AZABAZgBnQGgAeoxqgEFMTIuNDS4AQPIAQD4AQGYAjmgAvw5wgIKEAAYsAMY1gQYR8ICBBAjGCfCAgsQABiABBiRAhiKBcICChAAGIAEGEMYigXCAgsQABiABBixAxiDAcICERAuGIAEGLEDGNEDGIMBGMcBwgIOEC4YgAQYsQMY0QMYxwHCAg4QABiABBixAxiDARiKBcICBRAAGIAEwgIOEC4YgAQYsQMYgwEYigXCAgQQABgDwgILEC4YgAQYsQMYigXCAgUQLhiABMICCBAuGIAEGNQCwgIHEAAYgAQYCsICChAAGIAEGBQYhwLCAgYQABgWGB7CAgsQABiABBiGAxiKBcICBRAhGKABwgIEECEYFcICCBAAGIAEGKIEmAMA4gMFEgExICmIBgGQBgiSBwo3LjQ4LjEuMC4xoAex1AI&sclient=gws-wiz-serp)
[Set.prototype[@@iterator]() - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/@@iterator)
[javascript .emitPISessionOperation - Google Search](https://www.google.com/search?q=javascript+.emitPISessionOperation&newwindow=1&sca_esv=4771c1dce5b9df5f&sca_upv=1&sxsrf=ADLYWILHeFUCXpq7tjiVRs3BpssGKMn4zw%3A1715620447452&ei=X0pCZrD7Gvm_xc8Pl9auqAo&ved=0ahUKEwjwptuakIuGAxX5X_EDHRerC6UQ4dUDCBA&uact=5&oq=javascript+.emitPISessionOperation&gs_lp=Egxnd3Mtd2l6LXNlcnAiImphdmFzY3JpcHQgLmVtaXRQSVNlc3Npb25PcGVyYXRpb25IukVQ-zRYnURwB3gAkAEAmAH5AaABlQyqAQYwLjEwLjG4AQPIAQD4AQGYAgCgAgCYAwCIBgGSBwCgB_AS&sclient=gws-wiz-serp)
[javascript console.log arguments - Google Search](https://www.google.com/search?q=javascript+consol.log+arguments&oq=javascript+consol.log+arguments&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIICAEQABgWGB4yCAgCEAAYFhgeMggIAxAAGBYYHjIICAQQABgWGB4yCAgFEAAYFhgeMggIBhAAGBYYHjIICAcQABgWGB4yCAgIEAAYFhgeMg0ICRAAGIYDGIAEGIoF0gEJMTM5NzJqMGo3qAIAsAIA&sourceid=chrome&ie=UTF-8)
____
```javascript
console.log(`First name: ${var1}, last name: ${var2}`);
```
[How to give two arguments in console.log()? | sitepoint.com](https://www.sitepoint.com/community/t/how-to-give-two-arguments-in-console-log/264955)
____
[js slice - Google Search](https://www.google.com/search?q=js+slice&oq=js+slice&gs_lcrp=EgZjaHJvbWUyDggAEEUYORhDGIAEGIoFMgcIARAAGIAEMgcIAhAAGIAEMgcIAxAAGIAEMgcIBBAAGIAEMgcIBRAAGIAEMgcIBhAAGIAEMgcIBxAAGIAEMgcICBAAGIAEMgcICRAAGIAE0gEIMzQyNGowajeoAgCwAgA&sourceid=chrome&ie=UTF-8)
[JavaScript String slice() Method](https://www.w3schools.com/jsref/jsref_slice_string.asp)
____
```text
How to use the values method in a set
You retrieve the values in a set by using the "values" method, which returns an iterable. You can then use a for loop or for-of loop to loop through the values.
The example below shows the creation of a set of fruits with 4 elements and the use of the "values" method to loop through the elements with a for-of loop.
```
```javascript
const fruits = new Set([100,160, 200,300]);
for( const fruit of fruits.values()){
console.log(fruit);
}
```
[How to Use Set and Map in JavaScript | freecodecamp.org](https://www.freecodecamp.org/news/set-and-map-in-javascript/#:~:text=You%20retrieve%20the%20values%20in,with%20a%20for%2Dof%20loop.)
____
[How to Loop Through an Array in JavaScript – JS Iterate Tutorial | freecodecamp.org](https://www.freecodecamp.org/news/how-to-loop-through-an-array-in-javascript-js-iterate-tutorial/)