Chrome extension. HTML, CSS, JS, Chrome Extension APIs
A simple extension to run your javascript in any web site you want. Use console.log() function to appear the results in a panel. Copy the results and use them.
Example: You want to create an XML file with HTML color names and their HEX codes and you can't find one in this format. So, you can go to W3Schools Color Names and run the following code from the extension's popup:
const colors = document.querySelectorAll(".colorbox");
console.log("<colors>");
colors.forEach(color => {
console.log(" <color>");
console.log(" <name>"+color.querySelector("span.colornamespan").textContent.toLowerCase()+"</name>");
console.log(" <hex>"+color.querySelector("span.colorhexspan").textContent+"</hex>");
console.log(" </color>");
});
console.log("</colors>");
The results will appear in the panel so you can copy and paste them in a file.
Download the project. Unzip the folder. Open the Chrome browser. Go to Chrome menu > More Tools > Extensions. Enable the "Developer mode" (top right). Click on "Load unpacked". Select the project's folder with name "source". Use the extension. If you change the extension's code reload the extension before use it.
Click on extension's popup (a red square in Chrome toolbar). Upload your file or write your code in the text area. Click on corresponding button. Your code will run and the results will appear in a panel. Use console.log function to appear the results you want in the panel. If the panel does not contain anything check if you have use console.log function else check the browser's console for errors. Use the "Copy results" button to copy the results to clipboard.
- JQuery support
- Better style on popup and panel
- Logo
- Publication on Chrome Web store
This project is licensed under the MIT License - see the LICENSE file for details
- Thanks to all the users of Stack Overflow
- Thanks to: