Google Chrome
Google Chrome book
W3M Homepage console browser
Dataram Ramdisk 安裝指南設定大全:記憶體加速,系統瀏覽器健步如飛! @ 符碼記憶
設定 Chrome 的 Cache 至 Ramdisk. 由於忘記太多次了,每次都要查,這次找個地方寫下來…… | by Kevin | Medium
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
- No access to the network layer
- declarativeNetRequest (DNR) instead of webRequest API
- Service workers instead of background page
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
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
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
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
- Ctrl+Shift+D to copy Markdown link
- PR: add notification after copy
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
- change shortcut to Alt + M
Medium Unlimited
Mercury Reader - Chrome Web Store
Moly HaH - Chrome Web Store
- E, Shift-E to enter HaH
- Charset: ASDZXC
- PR: sync option
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
- PR: sync option
- Preferred Speed: 1.8
- Remember Playback Speed
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
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