gerdestination.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 Click the Refresh button to reload the Wikipedia website. Paragraph.textContent = 'Page is up-to-date.' Notice how Mozilla Firefox autocompletes the address and takes you to. Paragraph.textContent = 'Page is refreshing' Firefox users who experience issues when using the browser that they cannot resolve can use the browsers refresh feature ( formerly known as Firefox Reset) instead as an automatic option to fix those issues. Popup1.js: const button = document.querySelector('input') Ĭonst paragraph = document.querySelector('p') īutton.addEventListener('click', refreshButton) 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.