Browsers

Web Browser Engineering & Inside look at modern web browser are great resources. Life of a Pixel is a great watch too.

Microlink is nice tool.

Use this Solid/Vite template to build extensions.

Notes

• document.querySelector("video").playbackRate = 1.4 will increase video playback.
• document.designMode = 'on' lets you edit pages
• Can automate browser actions with playwright. Click around, edit a bit, run.

Links

• How Browsers Work: Behind the scenes of modern web browsers
• Wexond - Extensible and privacy-focused web browser with a totally different user experience.
• Web-ext - Command line tool to help build, run, and test web extensions. (HN)
• Facebook’s open source browser contributions (2019)
• WebKit - Open source cross-platform web browser engine.
• Browserless - Fast, scalable, and reliable browser automation built for businesses and developers.
• Polypane - Browser for developers and designers.
• QA Wolf - Create browser tests 10x faster. (Web)
• Inside look at modern web browser - Multi part series on how browsers work. Other parts found in left sidebar.
• Life of pixel (2019)
• The whole web at maximum FPS: How WebRender gets rid of jank (2017)
• Things you can do with a browser in 2020
• Karmatic - Easy automatic (headless) browser testing. Powered by Karma, Webpack & Jasmine.
• n.eko - Self hosted virtual browser (rabb.it clone) that runs in docker.
• Playwright - Node library to automate Chromium, Firefox and WebKit browsers. (Playwright Fixture-based test runner) (End-to-end tests with Playwright) (playwright-aws-lambda) (Intro) (HN) (Twitter) (Web) (Tweet) (Playwright Start)
• Playwright for Python - Python library to automate Chromium, Firefox and WebKit browsers with a single API.
• Playwright for Go - Go library to automate Chromium, Firefox and WebKit with a single API.
• Robot Framework - Browser library powered by Playwright.
• browser-extension-template - Barebones boilerplate with webpack, options handler and auto-publishing.
• WebExtension browser API Polyfill - Allows extensions that use the Promise-based WebExtension/BrowserExt API.
• Web Store Upload CLI - CLI wrapper around the Web Store Upload module.
• Kasaya - Scripting language and runtime for browser automation. (HN)
• Browser Startup Comparison (2020)
• WebdriverIO - Next-gen browser automation test automation framework for Node.js.
• rust-minibrowser - Mini-browser written in rust.
• Nyxt - Keyboard-oriented, extensible web-browser designed for power users. (Code) (Lobsters) (Typed, customizable hooks)
• Browsix - Unix-like operating system for the browser. (Web)
• Web Extensions - Shipit - Automate the process of shipping Web Extensions for Chrome, Firefox, Safari, Opera and Edge.
• Pico - Take browser screenshots in JavaScript.
• Can I Use - Browser support tables for modern web technologies. (Article) (HN)
• Wildcard - Browser extension for customizing web apps with a spreadsheet view. (Code)
• Axiom - Create custom bots in seconds, or use ready-made templates. (HN)
• The Browser Company - Building a better way to use the internet. (Article)
• Fast and reliable cross-browser testing with Playwright (2020)
• SingleFile - Web Extension for Firefox/Chrome/Edge and CLI tool to save a faithful copy of an entire web page in a single HTML file. (HN)
• XS-Leaks - Collection of browser-based side channel attack vectors.
• Responsively App - Modified browser that helps in responsive web development.
• Things I wish I knew before making a paid extension (2019)
• Wiper - Browser add-on to strip search results from 'blacklisted' URLs on Google. (HN)
• Brave Browser
• Chromium Embedded Framework (CEF) - Framework for embedding Chromium-based browsers in other applications.
• Fafi Browser - Gemini browser written in Racket.
• ksp-browser - Connect the things you already know in your browser.
• html2canvas - Screenshots with JavaScript.
• Quotebacks - Quote the Web. (HN) (Code)
• Favicon Checker - See how your favicon hold up across popular browsers, including native dark and light modes. (Code)
• Selene - User-oriented Web UI browser tests in Python.
• Quickstrom - High-confidence browser testing. (Lobsters) (Intro) (Code)
• Hello, Goodbye - Browser extension that blocks annoying chat widgets.
• Getting a Browser Extension Through Review (2020)
• Browservice - Browse the modern web on historical browsers. (HN)
• Are you using SVG favicons yet? A guide for modern browsers. (2020)
• Sys: a Static/Symbolic Tool for Finding Good Bugs in Good (Browser) Code (2020)
• Consider deploying cross-origin resource policy
• Ampie - Social navigator for the web. Helps you find interesting links, and find what people had to say about them. (Tweet) (Get URL Context) (HN)
• Browserslist - Website to display compatible browsers from browserslist string. (Code)
• Kosmonaut - Web browser from scratch in Rust. (HN)
• Replay - Record and replay web applications. (GitHub) (Dev Tools) (HN) (Stack) (Replay Protocol API Examples) (CLI) (Jason Laster Interview (2022))
• theheadless.dev - Learn Puppeteer & Playwright. (HN) (Code)
• Rumin Web Clipper - Browser extension for Rumin which allows you to save learnings from online resources. (HN)
• Browser Focus Rings (2020) - How making accessible, consistent, and elegant focus rings in browsers is actually a hard problem.
• Look ma, no mouse: Vimium (2020) (HN)
• Fraidycat - Follow blogs, wikis, YouTube channels, as well as accounts on Twitter, Instagram, etc. from a single page. (Web)
• Keyboard-driven browser design tool
• Floating Point in the Browser (2020) (Part 2)
• sysend.js - Send messages between open pages or tabs in same browser.
• Selenium - Browser Automation. (Code)
• Selenium Python: Helium - Python library for web automation.
• Elemental - Makes Selenium automation faster and easier. (HN)
• Cloudflare Browser Isolation beta (2020) (HN)
• Iridium Browser - Browser securing your privacy. (Code)
• Chromium in Docker - Docker image for running browser tests against headless Chromium.
• Say goodbye to resource-caching across sites and domains (2020) (HN)
• Browserslist - Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env.
• Histools - Collection of tools for generating data visualizations from browser history data. (Article)
• Splash - Lightweight, scriptable browser as a service with an HTTP API.
• Re: When will browsers be complete? (2020) (Lobsters)
• web-extension-starter - Web Extension starter to build "Write Once Run on Any Browser" extension.
• Ask HN: How do you follow news about browsers? (2020)
• Browsh - Fully-modern text-based browser. (HN)
• Browser compatibility data - Describes which platforms particular Web APIs.
• Min - Fast, minimal browser that protects your privacy.
• Brave Core - Set of changes, APIs, and scripts used for customizing Chromium to make Brave.
• SVG Screenshots - Browser extension to take scalable, semantic, accessible screenshots of websites in SVG format.
• uBlacklist - Blocks specific sites from appearing in Google search results.
• TabFS - Mount your Browser Tabs as a Filesystem. (HN) (Code)
• browserless - Browser driver on top of puppeteer, ready for production scenarios. (Docs)
• Let's build a browser engine (2014)
• Robinson - Toy web rendering engine written in Rust.
• Why can't I write code inside my browser? (2021) (HN)
• Tales of Favicons and Caches – Persistent Tracking in Modern Browsers (2021)
• Browser rendering performance resources (HN)
• Screenjar - Make it super easy for customers to send you videos of their screen.
• Microsoft Edge Explainers
• Zap - Powerful tool that allows you to define universal web shortcuts in a simple config file.
• devtools-ds - Components and tools for building browser devtools extensions.
• Web Browser Engineering Book - Explains, building a basic but complete web browser, from networking to JavaScript, in a thousand lines of Python. (Code) (HN) (Twitter) (Code)
• Supercookie - Browser Fingerprinting via Favicon. (Web) (HN)
• Titanium Web Browser - Keyboard-driven web browser written in Rust.
• Serverless browser automation with AWS Lambda and Puppeteer (2021)
• ExtensionPay - Payments in browser extensions, no server needed.
• React Web Extension Boilerplate - React / Preact X browser extension boilerplate for the most popular browsers.
• FingerprintJS - Browser fingerprinting and fraud detection API.
• Browser Rendering Optimization - Notes on browser rendering optimization and hitting 60fps smoothness.
• CORS in 100 Seconds (2021)
• Browserosaurus - Browser prompter for macOS. (Code)
• How Browsers Lay Out Web Pages (HN)
• Deep dive in CORS: History, how it works, and best practices (2021) (HN)
• The Hotdog web browser and browser engine (HN)
• Agregore Browser - Minimal web browser for the distributed web.
• broz - Simple, frameless browser for screenshots.
• Wexond Base - Modern and feature-rich web browser base based on Electron. (Web)
• Refresh - Fresh approach to the browser.
• Synth - Browser From The Future.
• Hoverify - All-in-one browser extension that helps you in web development.
• What’s the most underrated browser API? (2021)
• Reflecting on the last year of SerenityOS Browser development (2021)
• Web Search Navigator - Chrome/Firefox extension that adds keyboard shortcuts to Google, YouTube, Github, Amazon, and others.
• Pleasantest - Write real-browser tests with Testing Library in Jest.
• In browser, we trust! (2021)
• Why mimicking a device is becoming almost impossible (2021) (HN)
• browsersync - Simple live-reloading tool for developing HTML.
• WSCapture - Capture Video from Browser over Web Sockets.
• Web browser specifications - Machine-readable list of specifications used to build Web browsers.
• puppy - Example implementation of a tiny Web browser for educational purposes.
• The universal VM we call browser (2021) (Lobsters)
• Apple, Facebook, and Google Broke the Mobile Browser Market (2021)
• WebExtension Vite Starter - Vite powered WebExtension (Chrome, FireFox, etc.) starter template.
• webext-bridge - Messaging in Web Extensions made super easy. Out of the box.
• A Fun List of Browsers (HN)
• Privacy Sandbox Timeline
• Ask HN: Why didn't the early web support more client side languages? (2021)
• Memex - Bookmarking for power users. Annotate, organize and share what you find online.
• SigmaOS - macOS web browser designed for faster work. (HN)
• The web browser as a tool of thought (2021) (HN)
• Vieb - Vim Inspired Electron Browser - Vim bindings for the web by design. (Code)
• Bonsai - Web Browser for Research. (HN) (Code) (HN)
• Dot Browser - Privacy-conscious web browser. (HN)
• Microlink - Fast, scalable, and reliable browser automation built for businesses and developers. Browser as API. (GitHub) (API)
• Microlink Query Language (MQL) - Official HTTP client for interacting with Microlink API. (Docs)
• BrowserParrot - Save and search the full text of your browser history. (HN)
• Stack - New way of interacting with the internet. (Twitter)
• JShelter - Anti-malware Web browser extension to mitigate potential threats from JavaScript.
• Happo.io - Cross-browser screenshot testing. (Code) (GitHub)
• CodeceptJS - Testing framework for end-to-end testing with WebDriver (or others). It abstracts browser interaction to simple steps that are written from a user perspective. (Web)
• Orion - WebKit-based browser for Mac. (HN) (FAQ)
• Redirector - Browser extension to redirect URLs based on regex patterns.
• Get started with Web Bundles (2021)
• Synthetic Monitoring with Real Browsers
• PrivacyTests.org - Open-source tests of web browser privacy. (Code)
• Stringmark - Chrome extension that makes online research easier. (HN)
• Ask HN: What browser extensions are a must-have in 2021?
• Neko - Self hosted virtual browser that runs in docker and uses WebRTC. (HN)
• Ghost Cursor - Generate human-like mouse movements with puppeteer or on any 2D plane.
• Browsers should have tree'd browser history + a formalized way to share it
• Cartographist - Experimental web browser optimized for rabbit-holing.
• mBrowser - Toy web browser developed from scratch.
• I make $3K/mo from a browser extension (2022) (HN)
• Web browser as a language server
• playwright-testing-library - Find elements in Playwright with queries from Testing Library.
• SameSite cookies explained (2019) (Code)
• SOK: On the Analysis of Web Browser Security (2021)
• Browsertime - Lets you automate running JavaScript in your browser primary used to collect performance metrics.
• Scala.js Browser Extension Example
• 1History - Command line tool to backup your histories of different browsers into one file, and more.
• Diving into Userscripts (HN)
• Ask HN: Notes, mind-maps, browser tabs all in one solution? (2022)
• No-JavaScript Fingerprinting (HN) (Code)
• DeepCite - Traversing links to find the deep source of information. (Code) (Reddit)
• browserexport - Backup and parse browser history databases.
• Ask HN: Browser-extension creators, how do you write for multiple browsers? (2022)
• Awesome Web Browser Stuff
• Moon - Hobby web browser developed from scratch.
• DeploySentinel Recorder - Browser extension that generates Playwright and Puppeteer test scripts from your interactions.
• tldrawe - Draw on any webpage with tldraw.
• Cross-Browser support with Cross-Origin isolation (2022)
• timesnap - Node.js program that takes screenshots at smooth intervals of web pages with JavaScript animations.
• Userscript Proxy - Built around mitmproxy and acts as a MITM, injecting userscripts into web pages as they flow through it.
• Hyperbeam API - Embed Multiplayer Web Browsers. (HN)
• Reliably Send an HTTP Request as a User Leaves a Page (2022) (HN)
• CreepJS - Creepy device and browser fingerprinting. (Code)
• EU plans to mandate less secure certificates in browsers (2022) (Lobsters)
• Using files with browsers, in reality (2022)
• Ask HN: Full-text browser history search forever? (2022)
• Awesome WebExtensions
• Consent-O-Matic
• Browsers should build features into the browser to make JS libraries smaller or completely unnecessary
• Beam - New way to collect your thoughts and experience the Internet. (Twitter)
• fibridge - Access huge files in the user's browser externally over HTTP (2019) (Code)
• Beam - New way to collect your thoughts and experience the Internet.
• Cache and Prizes (2022)
• BroadcastChannel - Send data across multiple browser-tabs or nodejs-processes + LeaderElection over the channels.
• Malvon - New macOS Web Browser.
• Demodal - Browser extension that automatically removes content blocking modals including paywalls, discount offers, promts to sign up or enter your email address and more.
• Erik - Headless browser based on WebKit and HTML parser Kanna.
• Browser Pool - Node.js library to easily manage and rotate a pool of web browsers, using any of the popular browser automation libraries like Puppeteer, Playwright, or SecretAgent.
• Header generator - NodeJs package for generating browser-like headers.
• Priority Hints - Browser API to enable developers signal the priorities of the resources they need to download. (Code)
• BrowserBench.org - Browser Benchmarks.
• Project Fugu API showcase (2022) (List) (Code)
• Beacon Browser - First-class browsing experience for a decentralized internet built with web technologies and secured without third parties. (HN)
• DiskerNet - Searchable offline archive of browser history. (HN)
• Web Design Pirate - DevTools Extension to fast and easy way to copy full HTML widgets, components, and parts of web design.
• Video Search For YouTube - Search the textual content of any YouTube video.
• Life of a Pixel (2020)
• UA gotta be kidding (2022) (Lobsters)
• Bringing page transitions to the web (2022)
• Websites that are pushing the utility of browsers forward (2022)
• Plasmo - Develop, Test, Publish Browser Extensions. (GitHub) (Browser Platform Publisher) (Examples) (Code) (HN)
• webext-tools - Utility functions for Web Extensions.
• webext-content-scripts - Utility functions to inject content scripts from a WebExtension.
• Global Speed - Web extension to set a default speed for video and audio.
• Programmer Browser - Fast-searching and space-saving browser specially designed for programmers.
• Replay.io Browser Extension Architecture proof of concept
• Selenium Requests - Extends Selenium WebDriver classes to include the request function from the Requests library, while doing all the needed cookie and request headers handling.
• selenium-stealth - Trying to make python selenium more stealthy.
• How browsers work
• How does the browser render a web page?
• Vytal - Browser extension that utilizes the chrome.debugger API to mock device data that could otherwise reveal information about you. (Web)
• py-webengine - Browser testing should be easy.
• CrowdWise - Chrome extension that adds to your browsing experience by showing you relevant discussions about your current web page from Hacker News and Reddit.
• Stylebot - Change the appearance of the web instantly. (Code)
• Using JavaScript to fill localStorage to its maximum capacity (2022)
• Vite Plugin Web Extension - Vite plugin for bundling Chrome/Browser Extensions.
• Web Extensions (sys) - Rust library that provides WebExtension API WASM bindings.
• Ladybird Web Browser - Browser using the SerenityOS LibWeb engine with a Qt GUI.
• Andy Bell – Be the browser’s mentor, not its micromanager (2022) (Slides) (Tweet)
• Vite web extension template. Setup with React, Typescript and TailwindCSS
• SnappySnippet - Chrome extension that allows easy extraction of CSS and HTML from selected element.
• Confectionery - Browser for taking perfect screenshots.
• New Recipes for 3rd Party Cookies (2022)
• Vimkey - Browser extension, use keyboard control browser jumps, scrolling, switching tabs and more.
• Rocketride.io - Browser automation tool. (HN)
• Playwright WebExt - Playwright extensions for testing WebExtensions.
• Why are bookmarks second class citizens in browsers? (2022)