Search Support

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

Plugin needs to edit viewport either without editing/adding html, css, or js

more options

Hi guys,

there's a really nice default bookmark plugin within Firefox that, when activated, creates a side panel in the browser of Firefox and lets you manage your bookmarks without affecting the loaded web page in terms of overlaying on the page or messing the page up (as if its responsive the page simply does what it needs to do since the perceived viewport has been decreased with the new side panel) . I'm wanting to achieve the same effect with a plugin I'm developing and wanted to know what I might research/how this is accomplished if anyone knows. It may not be possible but since out-of-the-box Firefox accomplishes it I wanted to see if there was some library or some key browser concept(s) (i'm a newby browser dev) I could search/research to get more undestanding on how this works.

Here's a video of the effect I'm referencing in Firefox: https://drive.google.com/file/d/1wyLuRFYTJHxw-NyCJ7H0t7NE3HNE3_de/view?usp=sharing


Thank you

Hi guys, there's a really nice default bookmark plugin within Firefox that, when activated, creates a side panel in the browser of Firefox and lets you manage your bookmarks without affecting the loaded web page in terms of overlaying on the page or messing the page up (as if its responsive the page simply does what it needs to do since the perceived viewport has been decreased with the new side panel) . I'm wanting to achieve the same effect with a plugin I'm developing and wanted to know what I might research/how this is accomplished if anyone knows. It may not be possible but since out-of-the-box Firefox accomplishes it I wanted to see if there was some library or some key browser concept(s) (i'm a newby browser dev) I could search/research to get more undestanding on how this works. Here's a video of the effect I'm referencing in Firefox: https://drive.google.com/file/d/1wyLuRFYTJHxw-NyCJ7H0t7NE3HNE3_de/view?usp=sharing Thank you

All Replies (6)

more options

Well this is only a FF End User help forum not something a developer forum. You might want to contact the MODs and find more info on this.

more options

@WestEnd thank you for clarifying, when you say MODs who are these people and or where do I find a contact link/page/email for them?

more options

Hi, you do not need a Extension to open Firefox Side Bar. 3 Bar Menu --> Library --> Bookmarks --> Bookmarking Tools then View Bookmarks Sidebar.

I think there is a faster way to get to it but I personally hate the Side Bar.

Start here to search for the same thing your trying to develop :

If your looking to develop your own you start here and follow the links :

Once you have something sorta done maybe someone at stackoverflow.com can help you.

Please let us know if this solved your issue or if need further assistance.

more options

You do not understand my question, I am asking how to create this effect as a developer, not how to open up the side bar.

Pkshadow said

Hi, you do not need a Extension to open Firefox Side Bar. 3 Bar Menu --> Library --> Bookmarks --> Bookmarking Tools then View Bookmarks Sidebar. I think there is a faster way to get to it but I personally hate the Side Bar. Start here to search for the same thing your trying to develop : If your looking to develop your own you start here and follow the links : Once you have something sorta done maybe someone at stackoverflow.com can help you. Please let us know if this solved your issue or if need further assistance.
more options

If you are asking that then you did not read both of the posts to you. This forum is not for Developers. Information was given on how to and where to go.

more options

Off topic for this support forum, which for end user support.

Sorry you didn't get help from 2 prolific support contributors who evidently couldn't be bothered to even look in the support Knowledge Base and refer you there.


https://support.mozilla.org/en-US/kb/where-go-developer-support Hyperlinks to these two items are provided in that KB article.

  • Explore documentation on MDN. You'll find tutorials, tools and sample code for all skill levels.

https://developer.mozilla.org/en-US/Add-ons/WebExtensions

  • Post a question to the Mozilla Developer Network's Stack Overflow page.

https://stackoverflow.com/questions/tagged/firefox+or+firefox-os+or+html5-apps


Also, the Mozilla Add-ons support fora is over here: https://discourse.mozilla-community.org/c/add-ons

Git-Hub also has information about Firefox add-ons which is maintained by Mozilla developers. https://github.com/mdn/webextensions-examples

Reddit is used for some add-ons questions, too. https://www.reddit.com/r/FirefoxAddons/