为什么vivo浏览器无法加载一些国家的地图网页插件？

vivo浏览器默认拦截境外地图服务商CDN域名导致地图空白，可通过禁用内容拦截或添加@@||maps.googleapis.com^等白名单规则解决，验证需检查typeof google返回object。

当你在vivo浏览器中打开Google Maps、Mapbox或某些含Maps JavaScript API的网页时，发现地图区域一片空白、控制台报“Failed to load resource”或直接显示“无法加载插件”，这通常不是你本地网络或账号的问题，而是vivo浏览器对特定地理区域服务的默认拦截策略所致。

确认是否因地域限制触发资源拦截

第一步：在vivo浏览器地址栏输入 chrome://inspect → 点击右上角“更多” → 选择“Developer tools” → 切换到Console标签页；

第二步：刷新目标地图网页，观察是否有类似 "Blocked script from https://maps.googleapis.com/..." 或 "Refused to load script from 'https://api.mapbox.com/...'" 的报错；

第三步：若出现此类提示，说明vivo浏览器主动拦截了境外地图服务商的CDN域名——这是出厂预设的内容拦截规则，【并非DNS或网络故障，而是浏览器策略级屏蔽】。

临时绕过地域拦截的两种方法

方法一：启用桌面版网站并禁用内容拦截

1. 在目标网页点击右下角三点图标 → 选择“桌面版网站”；

2. 再次点击三点图标 → “设置” → “广告拦截” → 关闭“内容拦截”开关；

3. 强制刷新页面（长按刷新按钮或双指下滑）；

这一步能绕过移动端专用拦截规则，但仅对当前会话有效，重启浏览器后需重设。

方法二：手动添加白名单（推荐长期使用）

1. 进入vivo浏览器 → 右下角三点 → “设置” → “广告拦截” → “自定义规则”；

2. 点击“添加规则”，输入以下三行（每行一个，不含引号）：

@@||maps.googleapis.com^

@@||api.mapbox.com^

@@||js.arcgis.com^

3. 保存后返回网页，刷新即可加载地图插件；

【必须以@@||开头且结尾加^，否则规则不生效】。

验证地图脚本是否真正执行

打开问题网页 → 长按空白地图区域 → 选择“检查元素” → 切换到Console → 输入 typeof google 或 typeof mapboxgl；

若返回 "object"，说明JS已加载成功；若返回 "undefined"，说明仍被拦截或路径错误；

此时请回到上一步检查白名单拼写，特别注意大小写和斜杠方向——maps.googleapis.com 不能写成 googleapis.com/maps。