Flutter WebView加载LinkedIn页面显示空白问题求助

我之前也碰到过一模一样的情况！LinkedIn 对非标准浏览器环境的请求有严格的限制，默认的 Flutter WebView 因为 User-Agent 识别和存储权限的问题，会被 LinkedIn 的反爬机制拦截，导致返回空白页面。以下是几个亲测有效的解决办法：

• 伪装移动端浏览器的 User-Agent
  LinkedIn 会检测请求的 User-Agent 字段，默认 Flutter WebView 的 UA 会被标记为非正规浏览器，直接拒绝渲染内容。你需要把 UA 设置成 iPhone Safari 的标准格式：

  userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1'
  

• 启用 DOM 存储权限
  LinkedIn 依赖浏览器的 DOM Storage 来存储会话和用户状态，默认 WebView 可能没有开启这个选项，加上后能确保页面正常加载：

  domStorageEnabled: true,
  allowContentAccess: true,
  allowFileAccess: true,
  

• 监听页面加载错误（排查用）
  如果还是不行，建议用 WebViewController 监听加载错误，能精准定位问题：

  class WebViewLinkdIn extends StatelessWidget {
    final WebViewController _controller = WebViewController()
      ..setJavaScriptMode(JavaScriptMode.unrestricted)
      ..setUserAgent('Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1')
      ..setDomStorageEnabled(true)
      ..loadRequest(Uri.parse('https://www.linkedin.com/company/marbls/'))
      ..setNavigationDelegate(
        NavigationDelegate(
          onWebResourceError: (WebResourceError error) {
            print('加载错误: ${error.errorCode} - ${error.description}');
          },
        ),
      );
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          backgroundColor: Hexcolor('#1c486d'),
          title: const Text('About Marbls'),
        ),
        body: WebViewWidget(controller: _controller),
      );
    }
  }
  

⚠️ 注意：LinkedIn 的服务条款可能禁止第三方用 WebView 直接嵌入他们的页面，上线前务必仔细查阅合规条款，避免踩坑！

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