如何在安卓端google-chrome中使用Local webpage overrides功能

安卓端Chrome本身没有内置独立的local overrides设置入口，需要配合桌面端Chrome的远程调试能力实现对应功能，具体操作如下：

• 前置准备：
  • 打开安卓手机的「开发者选项」：进入系统设置，连续点击7次「版本号」即可触发开启，不同品牌设备的版本号入口略有差异，一般存储在「关于手机」分类下
  • 进入开发者选项，打开「USB调试」开关，随后在手机Chrome中打开目标站点，开启对应站点的「桌面站点」开关并停留在该页面
  • 用USB线连接手机与电脑，手机弹出调试权限申请时，勾选「始终允许来自此计算机的调试」并确认
• 绑定远程调试：
  • 打开桌面端Chrome，地址栏输入chrome://inspect后回车
  • 等待页面加载完成，会自动识别到已连接的安卓设备，以及设备上Chrome当前打开的所有标签页，找到你需要操作的目标标签，点击下方的「inspect」按钮，会弹出对应页面的DevTools调试窗口
• 配置local overrides：
  • 在弹出的DevTools窗口中切换到「Sources」面板，左侧边栏找到「Overrides」选项卡（如果没有显示，点击侧边栏顶部的「>>」按钮即可展开隐藏的选项卡）
  • 点击「Select folder for overrides」，选择电脑上一个用来存储覆盖文件的空文件夹，弹出权限申请时选择「允许」
  • 切回「Page」选项卡，找到你需要修改的站点对应资源，右键点击选择「Save for overrides」，修改资源内容后保存，刷新手机上的Chrome页面，就会加载你修改后的本地资源，和桌面端直接使用local overrides的效果完全一致

注意：操作过程中不要断开手机与电脑的USB连接，也不要杀掉手机Chrome的后台进程，否则overrides配置会临时失效。如果需要长期使用自定义的资源修改，可更换支持本地资源替换的第三方安卓浏览器，或使用脚本注入类工具实现同类效果。

内容的提问来源于stack exchange，提问作者mat