nilkp.blogg.se

I'm very new to JS, CSS, and HTML, and am failing to access things outside the scope of my extension. The goal is to be able to click the Refresh Page button in the extension, and it reload whatever website my browser is currently on. Image of what extension ui looks like, on clicking icon Paragraph.textContent = 'Page is up-to-date.'

Click Refresh Firefox and click the Refresh button again Firefox will remove the installed extensions, themes, and customizations, and restore the browser to its default or factory settings. Paragraph.textContent = 'Page is refreshing' Open Firefox, click on menu > Settings > Help > Troubleshooting information 2. Click the Refresh button to reload the Wikipedia website. Popup1.js: const button = document.querySelector('input') Ĭonst paragraph = document.querySelector('p') īutton.addEventListener('click', refreshButton) Notice how Mozilla Firefox autocompletes the address and takes you to. Here is the most simplified state I have working:

I have the buttons developed, and are currently interactive, but I am failing to see how I can extend the scope from the HTML I am using to see the webpage the browser is on. Within the extension of that popup, I want to be able to click a button and refresh whatever page the browser is currently on. I am currently working on developing a Mozilla Firefox extension that blocks ads to learn more JavaScript, HTML, and CSS.