android - 从 Facebook/Instagram 链接时，Angular 7 网站在 android WebView 上崩溃

Question

我搜索了所有我能找到的资源并尝试了所有方法，但似乎找不到解决方案。我有一个网站(Angular 7 形式)可以在所有设备和所有浏览器上完美运行但是当我在 Facebook 上发布链接时，在 Android 手机上它在 Facebook 的 WebView 浏览器中打开并在点击第一个按钮或按下时崩溃浏览器 Angular 落的三个点。 WebView 浏览器在某些 Iphone 上运行良好，但有些存在相同的问题。 CSS 样式也不相似，背景没有覆盖整个设备，按钮几乎不可见。我尝试直接发布指向网站上其他页面的链接，但总是在导航到路由器上的下一页或点击页面上的任何内容时崩溃。

一些测试人员声称他们可以进入第三页(共 8 页)，然后它崩溃了。

我已阅读有关修复程序的信息并尝试了以下操作:

1. 删除了 Google 标签管理器脚本，因为它位于 iframe 中
2. 更改了 CSS 样式，因此其中没有宽度/高度值像素或百分比
3. 添加视口(viewport)元标记
4. 检查所有 URL:s 都是 https
5. 从最后一页的链接中删除了 target="_blank"
6. 更改了 CSS 样式以便位置是绝对的

是否还有 WebView 不支持的其他内容？我在哪里可以找到这些信息，或者我应该继续猜测？当它不是我自己的应用程序的 WebView 而是 Facebook 的时，有没有办法以某种方式调试 WebView？

提前致谢，这是一个非常烦人的问题!不幸的是，这个网站是那种将通过社交媒体发布的网站。

Answer 1

所以我终于解决了这个(解决方法)，只用了一行代码。我的解决方法是在用户尝试在 Facebook 或 Instagram 的应用内浏览器中打开时将用户重定向到外部浏览器。

我检测它是 FB 还是 Instagram，然后在 html 中运行这行代码:

<meta http-equiv="refresh" content="0; url=intent://YOURURL#Intent;scheme=https;action=android.intent.action.VIEW;end;" />

希望这对某人有所帮助，这些应用内浏览器似乎真的很痛苦!