以下是谷歌浏览器网页暗色模式适配技巧：
一、通过媒体查询实现适配
1. 原理：使用CSS中的`@media (prefers-color-scheme: dark)`媒体查询，可以检测用户系统是否处于暗色模式，从而应用相应的样式。
2. 示例代码：在CSS文件或``标签中添加以下代码。假设有一个body元素和一些文本元素，原本的亮色模式下样式为`body { background-color: white; color: black; }`，在暗色模式下可添加`@media (prefers-color-scheme: dark) { body { background-color: 121212; color: white; } }`。这样当用户系统切换到暗色模式时，页面背景颜色会变成深色，文字颜色变成白色，以适应暗色环境。
3. 使用方法：将上述代码添加到网站的CSS文件中，保存后刷新网页，页面就会根据用户系统的暗色模式设置自动适配。如果只想对特定元素进行暗色模式适配，可以将媒体查询内的样式应用于相应元素的选择器上。
二、利用浏览器开发者工具调试
1. 打开开发者工具：在谷歌浏览器中，按下`F12`键或右键点击页面选择“检查”，打开开发者工具。
2. 切换到元素面板：在开发者工具中，点击“Elements”标签，进入元素面板。这里可以查看页面的HTML结构和对应的CSS样式。
3. 手动切换暗色模式：在元素面板右侧的样式窗口中，可以看到当前选中元素的样式。点击样式窗口中的“Toggle device toolbar”按钮（一个手机图标和一个平板图标的组合），然后在弹出的设备工具栏中选择“Dark”主题，即可模拟暗色模式下的页面效果。通过这种方式，可以实时查看和修改页面在暗色模式下的样式表现，方便调试和优化。
三、针对第三方网站的强制适配方法
1. 使用浏览器插件：有些浏览器插件可以帮助强制让第三方网站适配暗色模式。例如，在Chrome网上应用店中搜索相关的暗色模式插件，如“Dark Reader”等。安装插件后，插件会自动对部分网站进行暗色模式适配，或者提供自定义设置选项，让用户根据自己的需求调整网站的暗色模式效果。
2. 修改浏览器设置（部分情况有效）：对于一些简单的网站，可以尝试在Chrome浏览器地址栏输入`chrome://flags/enable-force-dark`，然后按回车键。这将启用Chrome浏览器的强制暗色模式功能，但该方法可能并不适用于所有网站，且可能会对一些网站的正常显示造成影响，需谨慎使用。