I am developing a Firefox addon for making fullpage screenshots of web pages. I know that several good addons that do this are already available, but we have some specific needs so I thought I would try to make my own.
I read that I can do screenshot --fullpage in the Firefox Developer Toolbar. This seems to works well. Can I also call this command from within my addon? If so, how would I go about that?
Related
I am working on Google Cloud Platform to develop a project in API.AI, I have an integration (in API.AI) with Google Actions (for Google Home or Google Assistant), they provide me to see my progress as real time in web-simulator, that you can find here:
https://developers.google.com/actions/tools/web-simulator
I am trying to START the web-simulator clicking on START button, then I get a window pop-up but after open, it closes, I try and try again but I obtain the same result, I cannot open the web-simulator. I have allowed the popup windows in my browser.
Of course I have completed all steps to start web-simulator...
I don't know what is happening. Someone can help me? Thank you, have a good day.
First, are you using a compatible browser? Try it in Chrome if you're
not already using it, as Chrome is a Google product, and so is the
web simulator.
Next, are you using any Ad-Blockers or
Script-Blockers like NoScript? If so, try disabling them, as they
could interfere with the operation of the tool.
If it still doesn't work, try going to an Incognito Windows by pressing the
three dots button and opening a New Incognito Window. Go to the page, and log
in. This will ensure that no cookies are interfering.
At this point, if you're still having issues, try a different browser.
(Either Firefox or Opera)
I am creating an add-on for mozilla firefox using Add-on SDK. I have gone through https://developer.mozilla.org/en-US/Add-ons/SDK regarding basics. However, I am now facing an issue with buttons. I want a button to be attached to the navigation toolbar. When I run the main.js file with "cfx run" the button shows up where it should until that firefox window is closed. If I create a .xpi file and open it in firefox it shows the button until we restart the browser. The bottom line is that add-on button vanishes after browser restart. Please, help me regarding this. Thanks in advance. The code is same as given in the mozilla developer tutorials.
Are there any errors? Can you show us some code so we can get a better idea of what you're doing?
To debug this sorts of initialization problems try this:
start the browser
open the browser console, then hit 'clear' to remove existing log entries so you can easily see which ones are caused by the add-on
install the add-on - any errors?
open the add-on manager, disable the add-on, then enable it - any errors?
restart the browser with the add-on installed, then open the browser console. any errors?
Can you reproduce this issue with a simple example add-on, for example this one?
This question already has answers here:
Is there a possible way to create screenshots of the whole screen out of a firefox extension?
(3 answers)
Closed 8 years ago.
Awesome screenshot is a great tool and I'am using it for google chrome.
Now, I would like to shot the devtool too which is part of the google chrome browser, but using Awesome screenshot is not possible.
Look to this image
Are there other plugins/browser (firefox/firebug) able to make this job?
Thanks.
P.S.
The goal of Awesome screenshot is not to make just a screenshot, but to share very easly this sreenshot in the web with other web developers for example.
I think your question is "how am I able to take a screenshot of the dev tool in the current browser?", you could just do a simple Print screen and paste it into photoshop or fireworks.
Chrome allows to make screenshots of webpages. Bookmarks panel / developer tools window are not part of a webpage so they won't appear on a screenshot.
There is a brand new developer tools API that allows to extend developer tools panel. It may be possible to create an extension that does screenshot from inside the devtools window then combines it with a screenshot of a webpage. But it seems complicated.
If possible, simply use some external tool to do a screenshot of whole browser window.
I am new to Firefox development and am using the Add-on SDK. I would like to know how to get the following user interface in an extension:
Is this interface a panel? If not, what is it and how do I go about getting this interface in a Firefox addon?
No, this isn't a panel. Your screenshot shows a XUL-based dialog window which is why it looks like a native dialog.
The Add-on SDK uses HTML for its needs however, creating a native-looking dialog is hard there. There is a fork of the Add-on SDK with XUL support but it is outdated and very experimental.
The other option would be building a classic extension. It can simply have a XUL file for the dialog (using <dialog> as root tag) and call window.openDialog() at some point to show it.
I am getting started with Firefox addon development and have got myself acquainted with the Add-on Builder. Is this wizard all I need to get deep into Firefox addon development (if so, where would I create the XUL files and how would I create a custom toolbar?). Or is it that one cannot implement all features using this Add-on Builder? Also are there any good tutorials which explain how to get started with Firefox addon development using the Add-on Builder (because it seems so much easier).
Tutorials which I already have referred to:
https://developer.mozilla.org/en/Extensions
http://blog.mozilla.org/addons/2009/
But these are not specific to using the Add-on Builder. I would please like someone to point me to where I can find help to develop using the Add-on Builder.
Also if I am developing the addon locally using the SDK is there any good editor which I can use which will show me the list of commands that I can execute (like Eclipse in Java).
The red line is where i want my icon to appear. Is it possible to do it using the addon builder.
There are currently two kinds of Firefox extensions:
Classic extensions use a XUL-based user interface. They can do almost anything but it might take a bit until you see some results with your extension. For documentation on classic add-ons see How do I write a Firefox Addon?
Extensions based on Add-on SDK use HTML for user interface. The SDK provides a simple but limited API. In particular, it explicitly won't let you create toolbars, only single toolbar icons (which makes sense, extensions shouldn't be wasting so much screen space). It won't let you determine the icon placement either - as of Firefox 4 all extension icons are supposed to appear in the add-on bar (the user can customize the toolbars and change the placement however). You can get low-level platform access with chrome authority however. The official Add-on SDK documentation is pretty much all you've got here I think.Edit: Ok, the information on limitations of the Add-on SDK is somewhat outdated. As of Firefox 30, adding toolbars is possible. Also, as of Firefox 29 the icons are placed in the main toolbar by default - the add-on bar is no more. So the only real limitation remaining is the icon placement.
The Add-on Builder is merely a web interface to the SDK - it allows you to edit the extensions conveniently but otherwise it uses Add-on SDK to generate the extensions.
To put an icon directly in the toolbar currently, your best bet is to use Erik Vold's toolbar module ( available in Builder as a package ). here is an example that does that:
https://builder.addons.mozilla.org/addon/1044724/latest/