I've just seen that extension and I pretty much fell in love with. As a guy with minimal css knowledge, I got bored of spamming CTRL + S, alt tab, check browser, alt tab back to IDE and continue development/design loop.
Is there any alternatives to Chrome's Auto Save extension on Firefox? I don't want to leave my years of beloved Firefox for it.
I'm also open for third party tool ideas, if no such extension exists on Firefox. Basically, I want to edit my CSS/Javascript files directly from Firefox Developer Tool to see the results on-the-fly, and most importantly, I want it to get them saved automatically. (or by pressing CTRL + S, since it is something we all used to do for years)
CSS Updater
http://www.cssupdater.com
Related
In visual studio 2022, when I ctr + click a method, I want to jump to the definition in new tab even if the definition is in the same file.
I can't track where I left currently since I enter several different methods while I read the code.
It's not yet possible. An extension plug-in (if it exists or one developed by you) might do the job. For now, the only thing that might help you out is using Bookmarks. Indeed, "travelling" back using Ctrl + - might be daunting, but it's the only way possible (which is why I recommend Bookmarks combined with navigation).
TLDR: Not yet possible. Maybe make an extension OR the closest you can get is if you use Bookmarks alongside navigation.
When previewing a file by clicking on it once in VSCode, is it possible to preview other files in the explorer by using the arrow keys, similar to Visual Studio? When I do it, it just selects the file, but doesn't preview it (unless I use my mouse). I'd provide a picture, but the upload isn't working right now, sadly. :(
I feel like that used to be a thing and I broke it at some point, but I could also just imagine it due to VS.
https://stackoverflow.com/a/66237216/12903844 has exactly what I was looking for!
Short summary: Up/Down + Space will enable you to preview a file, but you can also use 'multi-command' to macro it to just Up/Down (without having to press Space when selecting files this way).
Credit goes to Mark for answering it in the comments, just adding it here so the solution is marked. <3
Does anybody knows if there is a way to show a javascript code editor in Firefox Developer Tools which looks like firebug's?
I find it a lot more convenient to work this way on large, complex pieces of code, where I can see the code on the right side and the result on the left.
Firefox DevTools has something called Scratchpad which resembles the code editor of Firebug.
It's a separate window, but there's a way to have it as a panel inside DevTools too.
Additionally it supports the ability to save/open scripts, has autocompletion based on tern, pretty-printing, and can even let you execute code in Browser context (which might be useful if you're ever working on the Firefox front-end itself).
Head over to Toolbox options (hit F12, then click on gear icon), under Default Developer Tools check the Scratchpad (this will add new tab in developer tools, like Console & ... called Scratchpad), click on Scratchpad to activate that.
As #pbrosset said, in Scratchpad you can write JS codes (it's really great) and using Ctrl+R (you need to select the code for that) or using Run button, you can run the code. the result will shown in Console tab, if you want to see Console & Scratchpad without moving to their tabs, simply hit Esc or click on Toggle split console icon.
Hope this help.
Update
Maybe you should try this add-on Console Sidebar
If Firefox is already displaying a local HTML file on my PC in a tab (address = "file:///...") and I modify the file using my favorite external editor, sending the file to FF to display the edits results in FF opening a new tab with a fresh instance of the original file, rather than searching to see if the file is already open it it and reusing that tab.
Sure, after editing the file I could reopen Firefox, navigate along the tab bar to the existing tab for that file and click Refresh. But IMO FF should be capable of doing this for me. In my work, by the time I need to refresh FF, the tab currently open is not likely to be that of the file I am editing, so I continually need to return to the original page to refresh it.
My efforts to work around this include:
1)In about:config, *setting browser.link.open_newwindow* from 3 to 1.
2)Running Firefox and passing it either the filename or the URL to the filename (as -url parameter).
3)Looking for a suitable add-on.
I am not fond of either Firebug or Aurora and prefer my own editor (EditPlus), which with I am far more comfortable, to edit web pages. However, its inbuilt browser does not display properly on my screen, so I need to view results of edits in Firefox.
Can anyone suggest a solution to this problem? I've searched here without success. The best solution would be another about:config setting. Thanks in advance.
(added) After all, in EditPlus, if I send it a file (in document-centric mode) which it has already opened, it simply changes focus to the existing tab. Why can't FF do this?
Thanks for suggesting the "Restore Open_External" add-on.
I tried it but it doesn't help me here. What it does is:
(quote)
"browser.link.open_external (Integer). This option specifies how Firefox opens links launched externally, e.g. e-mail or Microsoft Word. 3 options are available;
1. Selecting this option launches the link in a new tab in the most recently active Firefox window. This would be recommended if you don’t wish launching such links to affect your most recently active webpage and you aren’t concerned about the links content.
2. Selecting this option launches a new Firefox window to view the link. This would perhaps be the safest option to select (In that if you launch something questionable you may be able to end the process without affecting other windows).
3. Selecting this option (default) launches the link in the most recently active Firefox window/tab. This would be recommended if you aren’t concerned about launching links is the most recently active window/tab (You can always use the back button to view the previous page if you need)."
TechSpot - Firefox 2 Tweak Guide
I'm sure many find this useful. Option 1 would have been fine for my purposes if it didn't insist on opening a duplicate tab. This add-on does nothing to prevent duplicate tabs being opened. So I began hunting for some add-on that might PREVENT a new tab being created in response to an external app sending a file to Firefox. Tab Mix Plus is supposed to do this, but I got lost somewhere in the maze of options. Then there is Prevent Duplicate Tabs, which creates a whitelist of all pages where duplicates are not permitted. This is far from automatic and seems pretty lame to me, as is Duplicate Tab Closer which doesn't prevent a duplicate tab from being created; instead, you have to press Ctrl+Alt+D to remove existing duplicate tabs - equally lame. deduplicate-tabs is similar, but offers a button to remove duplicate tabs.
Maybe I'm missing the point, but I can't see why anyone would want duplicate tabs of the same page, one a later version than the other. In fact, FF ought to be able to automatically refresh a tab when one reselects this, without having to resort to the "refresh" button. But that's just my rant.
If anyone reading this can think of a better way to integrate FF with an external app that modifies a web page, I'll be most grateful.
Install that addon:
https://addons.mozilla.org/en-us/firefox/addon/restore-open_external/
Go to addon preferences and set:
'in the current tab of current window'
Next time you open a new url from an external program it opens in the same tab.
You can also install the
duplicate tabs closer firefox addon which, as the name suggests, allows you to automatically close duplicate tabs
You can configure it to:
Close the older tabs and keep the new tab
Select the new tab
Try this addon.
I'm using it for development mode in Gatsby and Create React App.
While it's simple to pin/block a link-screenshot in the new beautiful tab page in firefox I see no way to edit the list of blocked/pinned items, does anybody know how to do it?
E.G. I blocked a page but now I woukld like to unlock, how to do it?
Thanks.
This is for FF17 on Windows, Mac/Linux users cf below
To unlock a blocked page quit Firefox, download sqlitebrowser at sourceforge.net (~6MB as of now, Windows only), use it to open chromeappsstore.sqlite in your "Profiles" directory. On Win Vista that's eg:
[DRIVENAME]:\Users\[USERNAME]\AppData\Roaming\Mozilla\
Firefox\Profiles\[ALPHANUMERICSTRING].default\chromeappsstore.sqlite
Switch to the "browse data" tab, open the edit view of the value corresponding to the "pinned links" key (double click on it). Replace one entry (eg a null) with
{"url":"YOUR_URL","title":"YOUR_TITLE"}
apply changes, save changes.
There's a key "blocked links", too. Intuitively, deleting blocked urls from its value should help, but it didn't when I tried. The trick above is clumsy, but so far I couldn't google anything more elegant. I couldn't find anything useful searching Firefox' about:config tab, either. I found this solution when doing a string search for the blocked url in my profiles directory.
Mac/Linux users should find other sqlite browsers. When using the firefox addon SQLite Manager you would need to make a copy of the database file first and edit that. Afterwards quit Firefox and replace the old file with the new one.
Here's the bugzilla entry ("Bug 722234 - [New Tab Page] provide an option to undo remove a site "), status is assigned, not solved. On comment reads: "Currently, there is now way to undo removal of a site or resetting the page using the new layout."
There's an easier way to do it without downloading, especially for people who may not navigate computers very well. Mozilla does have a way to do it, they just label it poorly and it's a bit roundabout.
Make the page you blocked on your new tabs page a Favorite, then click and drag to an empty space on your new tab page and it will autopin. The one downside is that if you unpin it the site will disappear again. I was frustrated for weeks after I removed Google and there doesn't seem to be much help out there that's simple.
"Make the page you blocked on your new tabs page a Favorite"
What does that mean? Bookmark?
I clicked the PIN icon on a couple and instead of pinning it, it seemed to completely remove that page from the New Tab selections altogether...and indeed, I see no way to get it back. Why would pinning something take it away!? And they were pages I use many times every day; very disappointed.
And those that I clicked ARE in my bookmarks ('Favorites' is an IE term), but they have not reappeared as suggested above.
The sqlitebrowser approach above is too complex and I can see it going awry trying to get all that right. Sad day here for me.