React Native WebView iOS端LSApplicationQueriesSchemes警告处理及上架疑问

数据老陈

2026-6-23

解决iOS WebView的LSApplicationQueriesSchemes警告问题

问题原因

这个警告是因为WebView加载的页面里，可能包含调用iOS系统未授权URL Scheme的操作（比如跳转第三方APP的协议，像微信的weixin://、支付宝的alipay://这类）。iOS要求所有需要调用的URL Scheme必须提前在Info.plist里声明，否则就会触发这个错误提示。

解决步骤

1. 定位并打开Info.plist文件

在你的React Native项目中，找到路径ios/[你的项目名称]/Info.plist，用文本编辑器或Xcode打开它。

2. 添加Scheme声明

在文件中添加LSApplicationQueriesSchemes数组字段，把WebView中可能用到的URL Scheme逐一填进去。比如：

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>weixin</string>
  <string>alipay</string>
  <!-- 替换成你实际需要的Scheme，比如跳转淘宝就加taobao -->
</array>

如果不确定具体是哪个Scheme，可以看警告里的URL前缀——比如警告提示“Unable to open URL: xxx://xxx”，那xxx就是你需要添加的Scheme。

3. 你的WebView代码优化提示

注意到你代码里的httpSiteUrl和httpsSiteUrl没有用let/const声明，会变成全局变量，建议修正；同时可以简化检测逻辑：

useEffect(() => {
  let httpSiteUrl = url.startsWith('http://') ? url : `http://${url.replace('www.', '')}`;
  let httpsSiteUrl = url.startsWith('https://') ? url : `https://${url.replace('www.', '')}`;

  const checkUrl = async (targetUrl) => {
    try {
      const res = await fetch(targetUrl);
      setSiteUrl(res.url);
    } catch (error) {
      setError(prev => ({
        ...prev,
        [targetUrl.startsWith('http://') ? 'http' : 'https']: true
      }));
    }
  };

  checkUrl(httpsSiteUrl);
  checkUrl(httpSiteUrl);
}, [url]);