Skip to content

Web Browser

September 29, 2023
June 16, 2017

Google Chrome
Google Chrome book

Firefox

W3M Homepage console browser

mozilla/webextension-polyfill: A lightweight polyfill library for Promise-based WebExtension APIs in Chrome

Dataram Ramdisk 安裝指南設定大全:記憶體加速,系統瀏覽器健步如飛! @ 符碼記憶
設定 Chrome 的 Cache 至 Ramdisk. 由於忘記太多次了,每次都要查,這次找個地方寫下來…… | by Kevin | Medium

web-platform-tests dashboard

Open-Source Application Development - add0n.com

Chrome

Here's how Google's Chrome browser does updates
How to Use Google Chrome’s Hidden Reader Mode

Chrome Flags that will improve your browsing experience
One tweak for a more pain-free Google Chrome browsing experience | ZDNet reduce notification

chrome://network-internals
chrome://webrtc-internals
chrome://media-internals (while streaming)

Manifest V3

Overview of Manifest V3 - Chrome Developers

Google’s Manifest V3 Still Hurts Privacy, Security, and Innovation | Electronic Frontier Foundation
Firefox and Chrome are squaring off over ad-blocker extensions - The Verge
Manifest V3: The Ghostery perspective | Ghostery

Extension

What are extensions? - Google Chrome
API reference - Chrome Developers
GoogleChrome/chrome-extensions-samples: Chrome Extensions Samples

How to use React.js to create a Chrome extension in 5 minutes
Helpful Tips for Starting a Next.js Chrome Extension | CSS-Tricks - CSS-Tricks
How to Create a Browser Extension | CSS-Tricks - CSS-Tricks
Build a Chrome Extension – Course for Beginners - YouTube
Create your own Chrome Extension in 5 minutes | by Harsha Vardhan | JavaScript In Plain English | Oct, 2020 | Medium

Chrome Users Beware: Manifest V3 is Deceitful and Threatening | Electronic Frontier Foundation

Writing a Chrome extension in Kotlin (Part 1) – Ramon Rivas – Medium
Writing a Chrome extension in Kotlin — Using Coroutines (Part 2)
Writing a Chrome extension in Kotlin — Supporting Firefox and Chrome (Part 3)
rivasdiaz/helloworld-chrome-extension-kotlin: Simple Chrome Extension from Google Chrome Developer Portal in Kotlin

Firefox

Servo, the parallel browser engine
servo/servo: The Servo Browser Engine
Servo (layout engine) - Wikiwand

How to Backup and Restore Firefox Profile On Linux
Profile Manager: firefox -p

Extension

Firefox Extension Workshop | Get help creating & publishing Firefox extensions.
Browser Extensions - Mozilla | MDN
Getting started with web-ext - Mozilla | MDN

How to Write Your Own Browser Extension [Example Project Included]
Developing your web extension with the best tools – Eric Masseran – Medium

Your first Firefox (Web)extension in Kotlin – Kirill Rakhman – Medium
Your second Firefox extension in Kotlin – Kirill Rakhman – Medium
KotlinConf 2018 - Building a Browser Extension with Kotlin by Kirill Rakhman - YouTube
cypressious/second-firefox-extension-kotlin: Porting https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Your_second_WebExtension to Kotlin

Brave

Secure, Fast & Private Web Browser with Adblocker | Brave Browser
Welcome to Brave Docs — Brave Browser documentation
Installing Brave — Brave Browser documentation

How it works

css-notes#CSS Houdini

Quantum – Mozilla Hacks – the Web developer blog
Entering the Quantum Era—How Firefox got fast again and where it’s going to get faster – Mozilla Hacks – the Web developer blog
Inside a super fast CSS engine: Quantum CSS (aka Stylo) – Mozilla Hacks – the Web developer blog
The whole web at maximum FPS: How WebRender gets rid of jank – Mozilla Hacks – the Web developer blog
Fearless Concurrency in Firefox Quantum | Rust Blog
Image Inconsistencies: How and When Browsers Download Images – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
Firefox 61 – Quantum of Solstice – Mozilla Hacks – the Web developer blog
RenderingNG - Chrome Developers

V8 JavaScript engine
Blog · V8
Indicium: V8 runtime tracer tool · V8
TurboFan · V8

nodejs-notes#V8 Internals

Sparkplug is positioned as a "super-fast" non-optimizing compiler. Sparkplug is part of a compiler pipeline, nestled between the Ignition interpreter and the TurboFan optimizing compiler.

Journey of a web page 🛣️ - How browsers work - DEV Community
How do browsers really work? These 5 videos will show you their inner workings
How browser rendering works — behind the scenes – LogRocket
WebKit for Developers - Paul Irish 2013
How browsers work internally - Tali Garsiel - Front-Trends 2012 on Vimeo
How browser rendering works — behind the scenes – LogRocket
JavaScript: from Downloading Scripts to Execution (Part 1)
JavaScript: from Downloading Scripts to Execution (Part 2)
V8, Advanced JavaScript, & the Next Performance Frontier (Google I/O '17) - YouTube
Jake Archibald: In The Loop - JSConf.Asia 2018 - YouTube

Rendering on the Web | Google Developers
How browser engines work? 2012
How WebKit Works - Google Drive 2012
How Browsers Work: Behind the scenes of modern web browsers - HTML5 Rocks 2011
your webkit port is special (just like every other port) 2011
How browsers work Tali Garsiel 2009
Performance Calendar » Rendering: repaint, reflow/relayout, restyle 2009
2007:
WebCore Rendering I – The Basics | WebKit
WebCore Rendering II – Blocks and Inlines | WebKit
WebCore Rendering III – Layout Basics | WebKit
WebCore Rendering IV – Absolute/Fixed and Relative Positioning | WebKit
WebCore Rendering V – Floats | WebKit

WebAssembly and Back Again: Fine-Grained Sandboxing in Firefox 95 - Mozilla Hacks - the Web developer blog
::bholley - Boiling the Ocean, Incrementally - How Stylo Brought Rust and Servo to Firefox

DevTools

DevTools in 2016: Accelerate your workflow - Google I/O 2016 - YouTube
Cool Chrome DevTools tips and tricks you wish you knew already
Introduction | Down and Dirty with Chrome Developer Tools

Developer Edition Devtools Update: Now with Photon UI - Mozilla Hacks - the Web developer blog

𝗛𝗼𝘄 𝘁𝗼 𝗳𝗶𝗻𝗱 "UNUSED" 𝗝𝗔𝗩𝗔𝗦𝗖𝗥𝗜𝗣𝗧 𝗮𝗻𝗱 𝗖𝗦𝗦 𝗰𝗼𝗱𝗲 𝗼𝗻 𝘆𝗼𝘂𝗿 𝗽𝗮𝗴𝗲? 🤔 - DEV Community

VisBug
VisBug - Chrome Web Store
Day 1 Keynote (Chrome Dev Summit 2018) - YouTube

Debugging

JavaScript Debugging Reference | Tools for Web Developers | Google Developers
Get Started with Remote Debugging Android Devices | Web | Google Developers

Debug Progressive Web Apps | Tools for Web Developers | Google Developers
Debugging Modern Web Applications – Mozilla Hacks – the Web developer blog

iOS Safari
Debug on iOS Devices and the iOS Simulator – Adaptive.js Docs

Introducing the Microsoft Edge DevTools Protocol - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

weinre - Home
Debug on Legacy Android with the Stock Browser (and on Other Devices) – Adaptive.js Docs with weinre

Snippets

DevTools Snippets

Run Snippets Of Code From Any Page | Tools for Web Developers | Google Developers
Scratchpad - Firefox Developer Tools | MDN

Video policy

New 2016-07
Muted Autoplay on Mobile: Say Goodbye to Canvas Hacks and Animated GIFs! | Web | Google Developers 2016-07
HTML5 video autoplay on mobile revisited – Walter Ebert 2016-11
Unsolved HTML5 video issues on iOS | Blog | Miller Medeiros 2011-04
Getting HTML5 video to work with iOS Mobile Safari | fdiv.net 2013-05
Five Tips for Using Self Signed SSL Certificates with iOS | HttpWatch BlogHttpWatch Blog

HTMLMediaElement - Web APIs | MDN
HTMLAudioElement - Web APIs | MDN
HTMLVideoElement - Web APIs | MDN
Media formats supported by the HTML audio and video elements - HTML | MDN

Bug Tracker

Issues - chromium - An open-source project to help move the web forward. - Monorail
Bugzilla Main Pagechrome
Microsoft Connect (IE Feedback)
EdgeHTML issue tracker - Report or search issues, such as problems with site rendering or standards compliance

Browsersync

Browsersync - Time-saving synchronised browser testing
Browsersync (@Browsersync) | Twitter

Browsersync API
Browsersync options
BrowserSync/recipes: Fully working project examples showing how to use BrowserSync in various ways.

SPA routing in BrowserSync without hashes
Browsersync - time saving features you didn’t know about - JH
How I speed up my web development process by 34% — Medium

Installed Chrome Extensions

Goto chrome://extensions/shortcuts to set shortcuts

Augmented Steam - Chrome Web Store
Awesome Screenshot and Screen Recorder - Chrome Web Store
Copycat - Chrome Web Store

Don't add custom search engines - Chrome Web Store
Explain and Send Screenshots - Chrome Web Store
Enhanced Steam - Chrome Web Store
FasterChrome - Chrome Web Store
FreshStart - Cross Browser Session Manager - Chrome Web Store
Honey - Chrome Web Store
HTTP Indicator - Chrome Web Store
Ivacy VPN: Best Chrome VPN Proxy Extension - Chrome Web Store
LastPass: Free Password Manager - Chrome Web Store
Link to Text Fragment - Chrome Web Store
Make Medium Readable Again - Chrome Web Store
Markdown Here - Chrome Web Store

Medium Unlimited
Mercury Reader - Chrome Web Store
Moly HaH - Chrome Web Store

Petapator - Chrome Web Store
PlantUML Viewer - Chrome Web Store disabled
Reader View - Chrome Web Store
Reedy - Chrome Web Store
Screenshot YouTube - Chrome Web Store
Smart Websocket Client - Chrome Web Store
Steam Database - Chrome Web Store
Tampermonkey - Chrome Web Store
TunnelBear VPN - Chrome Web Store
Unblock Youku - Chrome Web Store
Video Speed Controller - Chrome Web Store

Web Archiver - Chrome Web Store
Web Vitals - Chrome Web Store
Wikiwand: Wikipedia Modernized - Chrome Web Store
YT Anti Translate - Chrome Web Store

Language Learning with Netflix™ - Chrome Web Store
Language Learning with Netflix & YouTube™ - Chrome Web Store
Trim: IMDB Ratings on Netflix and Prime Video - Chrome Web Store

百度网盘直接下载助手 直链加速版

Adblocker

adblocking

Raspberry Pi

Chromium, h264ify, and rpi-chromium-mods are preinstalled since 2016-09

Pi3 internet browsing and Youtube performance - Raspberry Pi Forums
[HowTo!] Smooth youtube 1080p in Chromium - Raspberry Pi Forums config.txt, 00-rpi-vars, chromiummod.sh 2018
How to get smooth youtube/flash video playback on Raspberry Pi (updated 25-03-2019)
RPi-youtube - Chrome Web Store
RaspberryCast - Chrome Web Store
Create Your Own Chrome Cast With Raspicast - YouTube
h264ify - Chrome Web Store

Watchlist

The Best Browser Extensions That’ll Save You Money (and Which to Skip)
How to Use Pushbullet to Bridge the Gap Between All Your Devices
Just Read - Chrome Web Store

DevTools

Apollo Client Developer Tools - Chrome Web Store
DOMListener - Chrome Web Store
JSONView - Chrome Web Store disabled
JWT Analyzer & Inspector - Chrome Web Store
React Developer Tools - Chrome Web Store
Redux DevTools - Chrome Web Store
Set Character Encoding - Chrome Web Store
Smart Websocket Client - Chrome Web Store
Vue.js devtools - Chrome Web Store
XState DevTools - Chrome Web Store

GitHub

bitHound - Chrome Web Store
npmhub - Chrome Web Store
Octo Mate - Chrome Web Store
Octotree - Chrome Web Store
Refined GitHub - Chrome Web Store

Installed Firefox Extensions

Video Speed Controller – Add-ons for Firefox
uBlock Origin – Add-ons for Firefox
Tabboo - Session Manager – Add-ons for Firefox