Mozilla will shut down Pocket’s services on July 8, 2025. At that time users will no longer be able to access the Pocket website, apps and API. You can export your saved items and API data until October 8, 2025 before they are permanently removed. For more information, see this article.

Avatar for Username

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

All Bookmarklets work on Chrome but some don't on Firefox.

  • 1 reply
  • 1 has this problem
  • 16 views
  • Last reply by yayivah429

yayivah429
yayivah429

I have a Bookmarklet that draws a red border on all elements in the web page.

` (function(){ 

   var e = document.querySelectorAll('*');
   var el = e.length;
   for (let i = 0; i < el; i++) {
           setTimeout(() => {
               e[i].style.border="1px solid red";
           }, 100);
   }

})(); `

This works fine on Chromium-based browser, but when I run this in Firefox it starts drawing borders and then all of the sudden a number gets written on the page. Everything is gone and a number appears.

I don't know why this happens, every other Bookmarklet works fine. It might be the script I wrote but I doubt it because it works completely okay on Chrome.

Running this snippet directly inside the console works fine.

I have a Bookmarklet that draws a red border on all elements in the web page. ` (function(){ var e = document.querySelectorAll('*'); var el = e.length; for (let i = 0; i < el; i++) { setTimeout(() => { e[i].style.border="1px solid red"; }, 100); } })(); ` This works fine on Chromium-based browser, but when I run this in Firefox it starts drawing borders and then all of the sudden a number gets written on the page. Everything is gone and a number appears. I don't know why this happens, every other Bookmarklet works fine. It might be the script I wrote but I doubt it because it works completely okay on Chrome. Running this snippet directly inside the console works fine.
Attached screenshots

Chosen solution

yayivah429 said
I have a Bookmarklet that draws a red border on all elements in the web page. 
(function(){
    var e = document.querySelectorAll('*');
    var el = e.length;
    for (let i = 0; i < el; i++) {
            setTimeout(() => {
                e[i].style.border="1px solid red";
            }, 100);
    }
})();

This works fine on Chromium-based browser, but when I run this in Firefox it starts drawing borders and then all of the sudden a number gets written on the page. Everything is gone and a number appears.

I don't know why this happens, every other Bookmarklet works fine. It might be the script I wrote but I doubt it because it works completely okay on Chrome.

Running this snippet directly inside the console works fine.

Edit: I just cleared all the history & cache and now works fine.

Sorry for wasting your time.

Read this answer in context 👍 0

All Replies (1)

yayivah429
yayivah429 Question owner

Chosen Solution

yayivah429 said
I have a Bookmarklet that draws a red border on all elements in the web page. 
(function(){
    var e = document.querySelectorAll('*');
    var el = e.length;
    for (let i = 0; i < el; i++) {
            setTimeout(() => {
                e[i].style.border="1px solid red";
            }, 100);
    }
})();

This works fine on Chromium-based browser, but when I run this in Firefox it starts drawing borders and then all of the sudden a number gets written on the page. Everything is gone and a number appears.

I don't know why this happens, every other Bookmarklet works fine. It might be the script I wrote but I doubt it because it works completely okay on Chrome.

Running this snippet directly inside the console works fine.

Edit: I just cleared all the history & cache and now works fine.

Sorry for wasting your time.