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.