Firefox Tips & Tricks On PCs and Laptops

[@ruthake]

Firefox comes with the LXDE desktop, and can be opened from the Menu > Internet > Firefox ESR. If Firefox is not already installed, then install:
firefox-esr
-----------------------------------
Browser Notepad:
Enter the following into the top search bar (bookmark notepad for convenience):
data:text/html,Notepad
Ctrl+S to save as HTML. (can be opened and edited in Firefox)
Ctrl+P to print the notepad (copying text from a PDF notepad to a notepad being edited will result in any empty lines being taken out)
-----------------------------------
Developer Tools:
Developer tools are for examining/modifying what is seen on a webpage. Any edits are only visible on the computer and are not actually published.
Ctrl+Shift+I or F12 = Toggle opening and closing developer tools (also available by right clicking and selecting Inspect (Q))
Developer tools can be opened in a separate window by clicking the 3 dot menu button on the top right of developer tools > select Separate window
Ctrl+Shift++ = zoom in
Ctrl+- = zoom out
Developer Tools Documentation:
firefox-source-docs.mozilla.org/devtools-user/index.html
-----------------------------------
Create Fake News With Notepad and Developer Tools:
1. Open File Manager PCManFM and copy the desired image for the fake news.
2. Paste the image into the browser notepad where it will be converted into an embedded base64 text image (if the image doesn't paste into the notepad, read the instructions below for creating a script to obtain the embedded base64 text image)
3. Right click the image in the notepad > select Inspect > double click the text starting with data:image to highlight the text image (may take up to a minute depending on the image and device being used) > Ctrl+C to copy the text
4. Go to a news website (this example will use cnbc.com) > right click an image in the website > select Inspect
5. From the developer tools, in the first source element for the picture, double click the image link > paste the embedded base64 text image in place of the image link > press Enter
6. From the website, right click the image text > select Inspect > from the developer tools click the 3 dot button in the highlighted HTML > double click the text used for the headline > type in a custom headline > press Enter
7. Close out of developer tools, and now we've made fake news!!
Violet Eye Flashcards:
play.google.com/store/apps/details?id=com.violeteye.flashcards
-----------------------------------
Generate Embedded base64 Text Image With A Script:
The following script (goTextPic) converts an image ($1) into a base64 text image and puts it into a text file (pic.txt). That text file with the image is then opened in the Mousepad text editor so it is ready for copying and pasting.
From a terminal:
sudo nano /usr/bin/goTextPic
FILE=$1
EXT=${FILE#*.}
COMMAND='data:image/'$EXT';base64,'$(base64 -w0 $FILE)
echo $COMMAND > pic.txt
mousepad pic.txt &
Ctrl+O, Enter, and Ctrl+X to save the file and exit nano
sudo chmod +x /usr/bin/goTextPic
goTextPic
It may take a few moments for the text to be generated depending on the image and device being used.
When Mousepad is open, do Ctrl+A to highlight everything, Ctrl+C to copy the base64 text image, and start at step 4 in the instructions above on how to create fake news.
-----------------------------------
Browser Automation:
Browser automation is for automating tasks such as web scraping, sending emails, filling out forms, etc. Some example programs are:
Automa (Firefox & Chrome)
www.automa.site
Playwright (Firefox & Chrome)
playwright.dev/docs/intro
Selenium Suite (Firefox & Chrome)
www.selenium.dev/
Greasemonkey (Firefox only)
www.greasespot.net/
Tampermonkey (Chrome only)
chromewebstore.google.com/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
Puppeteer (Chrome only)
developer.chrome.com/docs/puppeteer/
Automa is a low-code/no-code browser extension for browser automation. To install it:
Go to about:addons
In the Find more addons search box, search for Automa.
Select Automa and click the Add to Firefox button
Click the Add button
Check the box to Allow this extension to run in Private Windows and click the Okay button.
Open Automa and run a demo:
Click the Extension button (button with puzzle piece near the top right) > select Automa > click the Execute button (triangle button) next to an example
If nothing happens when running an Automa demo:
Go to Firefox Settings
In the Privacy and Security section, set Firefox to Remember history.
Click the Restart Firefox now button.
Try running an Automa demo again.
Open Automa dashboard:
Click the Extension button (button with puzzle piece)
Select Automa
Click the Dashboard button (button with home icon)
Open any example by clicking the example name.
Create a new workflow by clicking the New workflow button.
When not in use, Automa can be disabled at any time from about:addons.
-----------------------------------
Useful Firefox URLs:
Browse system files (books/documentation can often be opened in Firefox and are generally found in the /usr/share/doc file path. For example the C++ Annotations PDF book and the Advanced Bash Scripting HTML book):
file:///
List of special URLs for Firefox:
about:about
For setting browser preferences:
about:config
-----------------------------------
Keyboard Shortcuts:
F11 = Toggle fullscreen
Ctrl+D = Bookmark a page
Ctrl+P = Print a page
Ctrl+S = Save a web page
-----------------------------------
Information and Documentation:
For tutorials on web development (HTML, CSS, and JavaScript):
www.w3schools.com
Official page for Firefox
mozilla.org/firefox
Firefox extensions:
addons.mozilla.org/firefox
Terminal help/documentation:
firefox-esr --help
man firefox-esr
-----------------------------------
Export/Import and Backup/Restore Bookmarks:
Menu button near top right > select Bookmarks > select Manage Bookmarks > click the Import and Backup dropdown
Importing will ADD to existing bookmarks:
Select Export Bookmarks to HTML... > save the file
Select Import Bookmarks from HTML... > select and open the .html file containing bookmarks
Restoring will REPLACE all existing bookmarks:
Select Backup... > save the file
Under Restore > select Choose File... > select and open the .json file containing bookmarks
If bookmarks fail to import or restore, do NOT delete the file containing the bookmarks because the file can be opened with a text editor.
-----------------------------------
Configure Firefox:
Set Firefox as the default browser:
Menu button near the top right > select Settings > in the General section, click the Make Default button
Set Firefox to use the system print dialog (system print dialog gives more printing options such as setting custom headers/footers):
Go to about:config
Click the Accept the Risk and Continue button
Search for print.prefer
Click the Toggle button on the right to set the print.prefer_system_dialog value to true
System print dialog layout walkthrough for PDF:
General tab = select printer, select where to save the file, and change the file name
Page Setup tab = adjust paper size, orientation, and scale
Options tab = set custom headers and footers (If a custom scale is set, then un-check the box that ignores scaling)
If Firefox jumps zoom levels:
Go to about:config
Click the Accept the Risk and Continue button
Search for mousewheel.with_control.action
Click the Edit button on the right, set the mousewheel.with_control.action value to 0, and press Enter
-----------------------------------
Questions are welcome and encouraged. Due to the design of RUclips's comment section, posting questions under the pinned comment or under another user's comment makes it difficult for me to find and answer questions. Please do not post your questions under the pinned comment or under other user's questions. Please create a new comment.

[@marcosolivsilv]

Nice video, thanks!

[@abdolilahmajid_21]

i love you, i am a programmer and when i saw a nerd girl who is also beautiful my heart just melted, i really dont know what to say but i love you

[@LetsBePure-k1r]

same bruh, haha
She's so beautiful and so smart!