How to take Screenshot of Website with Vimperator - firefox

I use vim and Firefox + Vimperator, now I want to be able to create page screenshots with Vimperator by a single Vimperator command to create a thumbnail of websites later.
Vimperator seems to not have a screenshot functionality. I know you can do it through the debugger or the developer Toolbar using Shift+F2 to open it and then screenshot --fullpage and I even can open the Toolbar using Vimperator, but I didn't manage to input something there.
I tried with the sequence <S-F2><CR>screenshot, but after the Toolbar loads, Vimperator already ran all following commands (screenshot) as a sequence in normal mode.
How can I achieve taking website screenshots using a single Vimperator command?
Update:
I experimented a bit more and almost achieved a workaround using this sequence:
<S-F2>:js liberator.sleep(300)<CR><S-F2>screenshot --fullpage<CR> where
<S-F2> opens the Developer Toolbar
:js liberator.sleep(300)<CR> take a break to let firefox load the toolbar (could probably be lower than 300ms)
<S-F2> to again gain focus of the toolbar
screenshot --fullpage just input in the toolbar
The problem that occurs now is that I can not 'enter' with <CR> as the toolbar does not recognize any input. Only if I manually enter a whitespace it realizes the screenshot input and lets me 'send' the command.
Of course I am also open to other workarounds not using the Developer Toolbar.

Related

Why does Firefox blur the webpage when the Esc key is pressed three times?

On my Dell Latitude 3120 2-in-1 laptop Firefox blurs the webpage (and sometimes destroys the site layout doing so) for a few seconds when I press Esc three times in a row and
closes the current tab and replaces it with a tab in my default search engine when I press Esc four times in a row.
Has anyone an idea on why this happens?
By the way: it happens both on Windows and on Linux, both with the standard installation of Firefox. On Firefox-built-in sites it doesn't work.
Ok, I found the problem myself - it was a privacy function of the "Startpage.com" extension I had installed. It blurs the page so you can minimize the window and nothing important can be seen in the preview and one Esc click more it and closes the current tab and opens Startpage.com's search engine.
How I found out? I uninstalled the extension because it didn't really help me and I was decluttering my browser and suddenly the behaviour stopped.
And it didn't work on Firefox-built-in sites because extensions don't work on such sites.

File selection dialog popup underlays behind chrome extension popup window

In my browser extension, I am trying to upload a file from my computer. When I click on "select a file" option inside my browser (), the file selection dialog box underlays behind the popup window.
This appears only when the browser is in full screen mode and on MAC OS. Once I switch the tab or remove full screen mode it overlays as expected.
Can someone please provide a solution or workaround to this issue?
I encountered the same issue recently with a Chrome extension. How did the issue appear? I don't think I've changed anything, it seems to have appeared out of nowhere.
If you have any insights, I'm interested in collaborating with you to debug the issue with my own extension. Let me know!

How to view errors/toggle log window in pine script editor?

Maybe a stupid question. I'm new to TradingView and pine script, so please bear with me if there's some simple way to do this...
I figured out how to copy and modify a script from the library. At first, I could see a tiny edge of a window at the bottom of the script. When I saved or attempted to add the script to the chart, the window showed whether the script processed or had errors.
Now, though, I seem to have "lost" that window. How can I display that window? Also, once displayed, how can I make it larger?
Edit:
Here's a screenshot of the bottom of my editor -
Right-clicking on the console (errors) window showed a little pop-up saying:
While my cursor is in the editor window, holding Ctrl (or Cmd on a Mac) plus the backtick key toggles the console window open and closed.
Now, I can see the console log window whether I have errors or not.
you can show/hide the pane with pine scripts with the "_" icon on the right side:
show
hide
On the rigt side next to the "_" icon you can toggle/maximize the pine script window.
Add any error to your script and save the script.
In the lower left corner, you will see a small gray triangle.
Drag it up with the mouse.
The "Show console" was never visible in my browser. Only the "Toggle console", which did not do anything for me.
I tried a different browser and the console showed well. So I figure it was the browser I was using "Firefox".
So, I re-started Firefox, by going to Un-install Programs in Windows, clicking "Remove program", in front of the Firefox logo, which gave me the choice to restart Firefox. I did took that choice and this fixed the problem for me. I hope it helps others.
On Firefox, it may bug and never show it even with the shortcuts (because it becomes a tiny single-line that can't be dragged at the bottom of the page).
In order to fix it without uninstalling firefox: clean the site data for the domain.

Inspecting a browser's Developer Tools [duplicate]

According to Google this can be accomplished by visiting "chrome-devtools://devtools/devtools.html" in Chrome but now visiting that page in the stable version of Chrome (or Canary), just shows a 99% stripped version of the inspector.
To reiterate my "title" this is in reference to "inspecting" the inspector. Not just inspecting a normal webpage.
And while I don't think it's necessary to know to resolve the issue, I"m inspecting the inspector so I can style it as discussed by Paul Irish and here: https://darcyclarke.me/articles/development/skin-your-chrome-inspector/
Follow these easy steps!
Press Command+Option+i (Ctrl+Shift+i on Windows) to open DevTools.
Make sure that the developer tools are undocked into a new window. You may have to undock from the menu:
Press Command+Option+i again on this new window.
That will open the DevTools on the DevTools.
You can redock the page's DevTools if you want.
If it's not already, select Elements — it's the first icon at the top of the inspector.
A little beyond the scope of your question, but still valid in understanding why you're experiencing your problem can be found by understanding how Chrome Developer Tools: Remote Debugging works.
Open chrome://inspect
Open the inspector on that page (cmd + alt + i)
Scroll to the bottom of the page, under the Other section click the inspect link
The URL in the Other section should look something like this:
chrome-devtools://devtools/devtools.html?docked=true&dockSide=bottom&toolbarColor=rgba(230,230,230,1…
EDIT: they've fancied up the chrome:inspect page so you have to click the Other header on the left to get this to work now.
I just got this to work. The key is that you have to start up chrome in 'Remote Debugging' mode.
on OSX, open an terminal window and execute the following:
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222
On windows, Its
chrome.exe --remote-debugging-port=9222
(better windows instructions can be found here: https://developers.google.com/chrome-developer-tools/docs/remote-debugging#remote)
This will start up an instance of chrome, that will send debugging messages to a local webserver on port 9222.
If you access that web service, it will give you the ability to use the inspector to inspect any chrome window that is running. Since we want to inspect the inspector, we need to start an inspector window first (As above Use the shortcut keys; for Mac it's Command+option+i.)
Now, go ahead and navigate to
http://localhost:9222
It will present you with a list of windows to display in the debugger. Select the window that starts with "Developer Tools" and you'll be able to inspect the css for the inspector.
Its hard to see in the image below, but on the left I have my chrome window pointing at the remote debugger, highlighting one of the toolbar labels. On the right you see it lit up with the tooltip just as if we were debugging a web page.
A few weeks ago somebody pointed this out in stackoverflow's "javscript" chatroom. First, and very importantly, make sure the inspector is undocked from your browser window. Then it's just a matter of opening a inspector window and then inspecting that window. In windows it's CtrlShiftI (Edit: I said, CtrlShiftI but that brings up the console inspecting the console... you should be able to navigate back and forth.) for the keyboard shortcut. (Other keyboard combos for other options and OSes here and here.) Just do that twice and you're good.
Edit: ok, you're probably confused as to undock the window. This is what you'd click if it's docked..
Edit II: I'm not quite sure why you can't inspect. JDavis's answer is consistent with the Google Docs for Apple computers. If you're using Linux it appears to be the same as Windows. You supposed to hit the inspector key combination while the focus is over the inspector window.

Sending Keystrokes to selenium RC to press continue button in a security warning dialog box

How to send key strokes like Enter or Space to Selenium RC to click on the Continue button of the security warning dialog box in Firefox?
Although this page is encrypted, the information you have entered is
to be sent over an unencrypted connection and could easily be read by
a third party.
Or if there is any other way to click on the Continue button, that would also be fine.
You can't, at least not with just Selenium RC. The usual answer for Windows environments is to use AutoIt.
Here's an alternative solution, not sure if it would be useful for you:
Instead of trying to click on the OK button on the dialog, it may be easier to prevent it appearing by changing settings on your firefox to tell it not to display that specific warning. I think the settings for that could be accessed by typing about:config in the address bar of your firefox, and then typing security.warn in field filter. The one you're looking for is probably one of them!

Resources