Here is an example of a basic Chrome extension that logs the number of buttons on the current website the user is visiting:


Create a new directory for the extension, and within it create a file called "manifest.json" with the following content:

json

Copy code

{

  "manifest_version": 2,

  "name": "Button Counter Extension",

  "version": "1.0",

  "content_scripts": [

    {

      "js": ["button_counter.js"],

      "matches": ["<all_urls>"]

    }

  ]

}


In the same directory, create another file called "button_counter.js" with the following content:

javascript

Copy code

var buttons = document.getElementsByTagName("button");

console.log("Number of buttons on this page: " + buttons.length);



In Chrome, navigate to chrome://extensions/, enable "Developer mode", and select "Load unpacked". Choose the directory where you saved the extension files.


Now, every time you visit a website, the number of buttons on that page will be logged in the JavaScript console.

Comments

Post a Comment

Popular posts from this blog

Attack on Titan Final Episode Released! Dub Coming Soon

  Attack on Titan Final Episode Released! Dub Coming Soon The final episode of Attack on Titan, Attack on Titan Final Season THE FINAL CHAPTERS Special 2, was released on November 4, 2023. The English dub of the final episode is expected to be released a few weeks later, but an exact date has not yet been announced. In the meantime, fans can watch the final episode subtitled in English on Crunchyroll, Funimation, and other streaming platforms. Attack on Titan is one of the most popular anime series of all time, and its final season has been highly anticipated by fans. The series follows the story of Eren Yeager and his friends as they fight to survive in a world where humanity is constantly under threat from giant, human-eating Titans. The final episode is expected to be a thrilling and emotional conclusion to the series, and fans are eagerly awaiting its release. **Stay tuned for more updates on the release date of the English dubbed version of the final episode!** **#AttackOnTita...
Read more

AAAA

// Get all form elements var forms = document.getElementsByTagName("form"); // Create an empty list to store the forms var formList = []; // Loop through the forms and add their ID to the list for (var i = 0; i < forms.length; i++) {   formList.push(forms[i].id); } console.log(formList); // Get the form element by its ID var form = document.getElementById("myForm"); // Create an empty 2D list to store the elements' type and id var elementsList = []; // Loop through the form elements and add their type and id to the list for (var i = 0; i < form.elements.length; i++) {   elementsList.push([form.elements[i].type, form.elements[i].id]); } console.log(elementsList);  // Get the form element by its ID var form = document.getElementById("myForm"); // Get the input elements by their name var inputName = form.elements.name; var inputEmail = form.elements.email; var inputPhone = form.elements.phone; // Set the values for the input elements inputName.value...
Read more