Chrome

Enabling Gemini in Chrome

Add the following configuration rules in Surge to enable the Gemini functionality in Chrome.

Dec 3, 2025

Using Chrome DevTools MCP in the Claude Desktop App

Google has released an official Chrome DevTools MCP tool, enabling AI to interact with browser features. This guide covers how to configure it in the Claude Desktop app and solves common pitfalls related to Node.js versions.

Sep 29, 2025

Web Crash Caused by Styles in Chrome

What the bug is When accessing the web page in Chrome, everything is normal, but the page crashes directly when the developer tools are opened. If the page is refreshed with the developer tools open, it crashes but usually loads and runs when the developer tools are closed.

Oct 24, 2024

Invalid ZIP Package Issue When Compressing on Mac

When selecting a folder on Mac, right-clicking, and choosing to compress, the resulting ZIP package reports an error when submitted to the Chrome Store. There was a problem uploading your file. Please try again. Invalid package. Please make sure it is a valid zip file and the file manifest.json is at the root directory of the zip package.

Oct 10, 2024

Browser userAgent

A quick tour of working with the browser userAgent string—from where to access it, to helpful tooling, limitations, and why multiple browser names show up.

Sep 24, 2023

Publishing Extensions to Chrome Web Store

This article provides a guide to publishing extensions to the Chrome Web Store, including the submission process, requirements, and tips for successful publication. These steps can help developers navigate the Chrome Web Store submission process efficiently.

Dec 22, 2022

Online Issue - WEB Page Stuttering

This article discusses online issue - WEB page stuttering, including usage scenarios, implementation details, etc., to improve efficiency in handling WEB page stuttering problems.

Feb 12, 2022

Chrome Extension Development Tips and Usage

This article provides tips and usage guidance for Chrome extension development, including advantages, implementation details, and related resources. These steps can help developers improve efficiency when creating Chrome extensions.

Jan 12, 2022

Chrome Extension Packaging and Release

This article introduces Chrome Extension packaging and release, including advantages, implementation details, and related resources to help developers improve Chrome Extension packaging and release efficiency.

Jan 5, 2022

Online Issue - ERR_CONNECTION_CLOSED

Troubleshooting an online issue with ERR_CONNECTION_CLOSED: analyzing the root cause (request header length limit) and implementing solutions like increasing container limits or truncating large headers.

Sep 21, 2021

307 Redirect to HTTPS Error When Accessing WEB in Chrome

This article explains the 307 redirect to HTTPS error when accessing websites in Chrome, including the causes, troubleshooting steps, and solutions. These insights can help developers resolve similar browser security policy issues efficiently.

Sep 6, 2021

Chrome Extension Development: Jira Tool

This article introduces the development of a Chrome extension for Jira, including its advantages, implementation details, and related resources. These steps can help developers improve efficiency when creating Chrome extensions for Jira.

Apr 4, 2021

从输入URL到页面展示,这中间发生了什么

本文介绍从输入URL到页面展示,这中间发生了什么,包括使用场景、实现细节等,以提高从输入URL到页面展示,这中间发生了什么的效率。

Mar 5, 2021

Chrome's MemoryCache and DiskCache

This article provides an introduction to Chrome's MemoryCache and DiskCache, including their advantages, implementation details, and related resources. These insights can help improve understanding of Chrome's caching efficiency mechanisms.

Mar 2, 2021

window.opener

A practical intro to window.opener: what it is, when it exists, how noopener affects process isolation, and trade-offs.

Feb 27, 2021

Maximum call stack size exceeded in JS

This post explains the 'Maximum call stack size exceeded' error in JS, including stack basics, limits, and debugging tips.

Feb 24, 2021

Chrome DevTools Tips and Tricks

This article shares useful Chrome DevTools tips and tricks, including techniques for debugging, efficiency improvements, and practical workflows. These insights can help developers enhance their Chrome debugging productivity.

Jul 30, 2020

Failed to load response data

This article introduces "Failed to load response data," including its advantages, implementation details, and related resources. These steps can help improve the efficiency of handling "Failed to load response data."

Jun 30, 2020

First Time Developing a Chrome Extension

Notes from building my first Chrome extension for JD.com coupon automation—key capabilities, workflow tips, and resources.

May 31, 2020

Web Page Font Flickering Issues

Diagnosing custom font flicker and practical fixes: CSS extraction, font preloads, file formats, font-display strategy, and how browsers load assets.

May 28, 2020

A Guide to HAR Files: Recording and Analyzing Web Requests

Learn how to use Chrome's HAR files to record and analyze web requests. This guide covers downloading, uploading, and understanding HAR files for effective debugging and troubleshooting.

Mar 28, 2020

My Chrome Extension List

My frequently used Chrome extensions for daily use and development, with brief notes and tips.

Oct 3, 2019

Modifying and Saving Static Resources in Chrome Developer Mode

This article explains how to modify and save static resources using Chrome's developer mode, including the local overrides feature, implementation details, and related resources. These steps can help developers efficiently modify and persist changes to web resources.

Oct 22, 2018

Chrome Device Mode Screenshot White Screen Issue

This article introduces the Chrome device mode screenshot white screen issue, including troubleshooting steps, implementation details, and related solutions to help developers resolve screenshot problems in Chrome's device simulation mode effectively.

Sep 28, 2017