Angular 7 个网站在从 Facebook/Instagram 链接时在 android WebView 上崩溃
Angular 7 website crashing on android WebView when linked from Facebook/Instagram
我搜索了所有我能找到的资源并尝试了所有方法，但似乎找不到解决方案。我有一个网站（Angular 7 表单）可以在所有设备和所有浏览器上完美运行但是 当我在 Facebook 上发布 link 时，它会在 Android 手机上打开Facebook 的 WebView 浏览器在点击第一个按钮或按下浏览器角落的三个点时崩溃。 WebView 浏览器在一些 Iphone 上运行良好，但有些有同样的问题。 css 样式也不相似，背景没有覆盖整个设备，按钮几乎不可见。我尝试将 link 直接发布到网站上的其他页面，但总是在导航到路由器上的下一页或点击页面上的任何内容时崩溃。
一些测试人员声称他们可以进入第三页（共 8 页），然后就崩溃了。
我已阅读有关修复程序的信息并尝试了以下操作：
- 删除了 Google 标签管理器脚本，因为它在 Iframe 中
- 更改了 CSS 样式，因此其中没有 width/height 值
像素或百分比
- 添加了视口元标记
- 检查所有 URL:s 都是 https
- 从最后一页的 link 中删除了 target="_blank"
- 更改了 CSS 样式，以便位置是绝对的
是否还有 WebView 不支持的其他内容？我在哪里可以找到这些信息，或者我应该继续猜测？当它不是我自己的应用程序的 WebView 而是 Facebook 的时，有没有办法以某种方式调试 WebView？
提前致谢，这是一个非常烦人的问题！不幸的是，这个网站是那种将通过社交媒体发布的网站。
所以我终于解决了这个（解决方法），只用了一行代码。我的解决方法是在用户尝试在 Facebook 或 Instagram 的应用内浏览器中打开时将用户重定向到外部浏览器。
我检测它是 FB 还是 Instagram，然后 运行 html 中的这行代码：
<meta http-equiv="refresh" content="0; url=intent://YOURURL#Intent;scheme=https;action=android.intent.action.VIEW;end;" />
希望这对某人有所帮助，这些应用内浏览器似乎真的很痛苦！
我搜索了所有我能找到的资源并尝试了所有方法，但似乎找不到解决方案。我有一个网站（Angular 7 表单）可以在所有设备和所有浏览器上完美运行但是 当我在 Facebook 上发布 link 时，它会在 Android 手机上打开Facebook 的 WebView 浏览器在点击第一个按钮或按下浏览器角落的三个点时崩溃。 WebView 浏览器在一些 Iphone 上运行良好，但有些有同样的问题。 css 样式也不相似，背景没有覆盖整个设备，按钮几乎不可见。我尝试将 link 直接发布到网站上的其他页面，但总是在导航到路由器上的下一页或点击页面上的任何内容时崩溃。
一些测试人员声称他们可以进入第三页（共 8 页），然后就崩溃了。
我已阅读有关修复程序的信息并尝试了以下操作：
- 删除了 Google 标签管理器脚本，因为它在 Iframe 中
- 更改了 CSS 样式，因此其中没有 width/height 值 像素或百分比
- 添加了视口元标记
- 检查所有 URL:s 都是 https
- 从最后一页的 link 中删除了 target="_blank"
- 更改了 CSS 样式，以便位置是绝对的
是否还有 WebView 不支持的其他内容？我在哪里可以找到这些信息，或者我应该继续猜测？当它不是我自己的应用程序的 WebView 而是 Facebook 的时，有没有办法以某种方式调试 WebView？
提前致谢，这是一个非常烦人的问题！不幸的是，这个网站是那种将通过社交媒体发布的网站。
所以我终于解决了这个（解决方法），只用了一行代码。我的解决方法是在用户尝试在 Facebook 或 Instagram 的应用内浏览器中打开时将用户重定向到外部浏览器。
我检测它是 FB 还是 Instagram，然后 运行 html 中的这行代码：
<meta http-equiv="refresh" content="0; url=intent://YOURURL#Intent;scheme=https;action=android.intent.action.VIEW;end;" />
希望这对某人有所帮助，这些应用内浏览器似乎真的很痛苦！