从移动应用全屏打开外部链接

Posted

技术标签:

【中文标题】从移动应用全屏打开外部链接【英文标题】:Open external links in full screen from mobile app 【发布时间】:2015-11-23 06:41:26 【问题描述】:

我正在构建一个 Cordova 应用程序,其中包含指向外部站点 (https://www.example.com) 的链接。单击应用程序中的按钮时,我需要在全屏浏览器窗口(隐藏地址栏)中打开页面。有没有办法做到这一点?提前谢谢你。

编辑

我尝试过使用 inAppBrowser,但它不起作用的原因是我打开的外部站点需要 Windows 身份验证。因为 inAppBrowser 是最顶层的视图,所以不会显示 windows 身份验证的弹出窗口,因此我无法查看该页面。

【问题讨论】:

我不认为有什么东西会打开全屏浏览器,你可以在APP浏览器中使用 是的,这可以使用UIWebView 并在UIView 中显示相应的页面来完成。有多种方法可以做到这一点。您问题中的其他信息将有助于做出更详细的答复。 android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 只需在 AndroidManifest.xml 文件中使用给定行添加(或更改)活动的 android:theme 属性 我对为什么不能使用 inAppBrowser 的问题添加了一些编辑。如果可能,请查看并建议其他方法或解决问题的方法。 @sud 我尝试了你的修复,但浏览器仍然打开地址栏 【参考方案1】:

使用this插件,然后

在头部添加

cordova.js 

添加对您的InAppBrowser.js 文件的引用

添加链接

onclick="var ref = window.open('LINK_HERE', '_self','location=no');

【讨论】:

您好,请参阅我发布的编辑。我一直在尝试使用 inappbrowser 来解决此问题,但由于上述原因,它不起作用。【参考方案2】:

试试这个,它对我有用 Step1:添加应用浏览器插件为

cordova plugin add cordova-plugin-inappbrowser 1.0.2

第二步:将此代码添加到您的 html 页面中

<a class="item" href="#" onclick="window.open('http://www.google.com', '_blank', 'location=yes'); return false;">

【讨论】:

我试过这个。但问题是,我的页面有一个 Windows 身份验证。每当我尝试使用 inAppBrowser 时,登录弹出窗口都不会出现,并显示“无法打开文档。您无权访问该文档”。这就是我想要自动全屏模式的原因,因为如果我在系统浏览器中打开它,它会完美运行。但我需要禁用或隐藏地址栏。 如果你想禁用地址栏你可以 location=no 你能试试这个link一次吗

以上是关于从移动应用全屏打开外部链接的主要内容,如果未能解决你的问题,请参考以下文章

从 UIWebView 启动移动 Safari *无需*修改应用程序源?

PhoneGap/Cordova 打开外部链接到 Safari 而不是全屏 inApp

强制链接从带有 javascript 的 Web 应用程序在移动 Safari 中打开

如何从 iOS 上的本机 Facebook 应用程序在 Safari 中打开移动 webapp 链接?

什么控制从 Web Clip 启动的 iOS Web 应用程序是不是在移动 Safari 中打开链接?

强制 iOS 应用在 Safari 中打开外部链接