标签: inappbrowser

我有一个网站，我在其中使用 api，例如推送通知，但是当任何人通过 Facebook 或 Twitter 打开时，他们倾向于加载一个 Android webview，其中不存在推送通知 api，我发现的黑客行为是，如果我可以打开来自 webview 的 chrome 这样我的推送通知就可以工作

它已经尝试过

window.open("googlechrome://navigate?url=" + location.href, "_system")

但这会给出错误“不允许加载本地资源”：

需要大家的帮助

我被困在使用Cordova 插件 InAppBrowser 中

我的项目设置是 Angular 13 + Capacitor for android build，它工作正常，直到我尝试使用 InAppBrowser 插件。

我按照上面链接上的说明进行操作，但没有成功。

import { InAppBrowser } from '@awesome-cordova-plugins/in-app-browser/ngx';
...
constructor(
        private fb: FormBuilder,
        private iab: InAppBrowser
    ) {}
...
redirectMe = async () => {
        console.log('redirect init');
        const options: any = {
            location: 'no',
            clearcache: 'yes',
            zoom: 'yes',
            toolbar: 'yes',
            closebuttoncaption: 'close'
        };

        console.log('redirect me triggered');
        const browser = this.iab.create(
            'https://somelink.com',
            '_blank',
            options
        );

        console.log('opened');
        console.log('browser=>');
        browser.on('loadstop').subscribe(() => { ... do something});

我在运行时收到此错误：

错误 NullInjectorError：R3InjectorError（HomeModule）[InAppBrowser -> …

我已经尝试了所有可能的理解,并且在phonegap网站上调用了inappbrowser,它正在工作,但我似乎无法显示状态栏并且它不会全屏启动.

我在网页代码中使用了以下代码.

<script type="text/javascript">
      function onDeviceReady() {
      var ref = window.open('http://www.bbc.co.uk', '_blank', 'location=yes');
     // close InAppBrowser after 5 seconds
       setTimeout(function() {
            ref.close();
            }, 5000);
        }            
</script>

用了

onClick="onDeviceReady();

这是完美推出inappbrowser.我已经用config.xml完成​​了所有可能的工作,请在下面找到代码

<preference name="phonegap-version" value="2.9.0" />
<preference name="permissions" value="none" />
<preference name="orientation" value="landscape" />
<preference name="target-device" value="tablet" />
<preference name="fullscreen" value="true" />
<preference name="webviewbounce" value="false" />
<preference name="prerendered-icon" value="true" />
<preference name="stay-in-webview" value="false" />
<preference name="ios-statusbarstyle" value="black-opaque" />
<preference name="detect-data-types" value="true" />
<preference name="exit-on-suspend" value="false" />
<preference name="show-splash-screen-spinner" value="true" />
<preference name="auto-hide-splash-screen" value="true" …

我是Cordova和JS的新手,并且一直在努力使用Cordova 3.4.0的InAppBrowser插件在iOS(Xcode v5.0.2)中工作.

使用这些命令行命令成功构建了cordova项目:

cordova create InAppBrowserTest3-4 local.test InAppBrowser_Test3-4
cordova plugin add org.apache.cordova.inappbrowser
cordova platform add ios
cordova plugins
[ 'org.apache.cordova.inappbrowser' ]

www配置文件包含:

<feature name="InAppBrowser">
    <param name="ios-package" value="CDVInAppBrowser" />
</feature>

只有这些附加命令被添加到生成的onDeviceReady方法中才能运行InAppBrowser:

onDeviceReady:function(){app.receivedEvent('deviceready');

//added these lines below
    alert('deviceReady');
    var ref = window.open('http://apache.org', '_blank', 'location=yes');
    ref.addEventListener('loadstart', function(event) { alert('start: ' + event.url); });
    ref.addEventListener('loadstop', function(event) { alert('stop: ' + event.url); });
    ref.addEventListener('loaderror', function(event) { alert('error: ' + event.message); });
    ref.addEventListener('exit', function(event) { alert(event.type); });
    alert('end deviceReady');
}

执行时,不会调用最后一个警报,也不会打开任何浏览器.类似的代码使用Cordova 2.9.0成功运行.

有没有人有什么建议？我已阅读了几篇类似的帖子,但尚未找到解决方案.

任何人都可以帮我获取 Cordova InAppBrowser 在 Android 应用程序上加载的外部页面以适合手机屏幕尺寸吗？。

我正在使用以下代码从 Sencha Touch 应用程序调用 inapp 浏览器。

 var opt = 'location=no,clearcache=yes,closebuttoncaption=Back,EnableViewPortScale=yes';
    window.open('http://sg-prod-mobilityapi.cloudapp.net','_blank', opt);

每当我调用 url 时，我都会看到以下屏幕

任何人都可以帮助我吗？

我正在尝试使用phonegap 3.4.0和jQuery mobile 1.4.0为iOS构建应用程序.我已经尝试过每个人都建议的一切.在应用程序中,我将点击链接,它在应用程序中打开,但没有后退按钮或任何东西.因此,我必须强制关闭应用程序并重新开始返回主屏幕.我有以下内容:

<a href="#" onclick="window.open('http://ok-ecig.com','_blank','location=no,closebuttoncaption=Done');" class="ui-btn"><i class="fa fa-shopping-cart fa-2x"></i><span> Shop Now</span></a>

在我的config.xml文件中:

<?xml version="1.0" encoding="UTF-8"?>
<!-- config.xml reference: https://build.phonegap.com/docs/config-xml -->
<widget xmlns     = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id        = "com.[author].[appname]"
version   = "1.0.0">

<name>App Name</name>

<description>
</description>

<author href="http://appauthor.com">
    App Author
</author>

<!--
 Enable individual API permissions here.
 The "device" permission is required for the 'deviceready' event.
 -->
<feature name="http://api.phonegap.com/1.0/device" />
<feature name="InAppBrowser">
    <param name="ios-package" value="CDVInAppBrowser" />
</feature>

<plugin name="InAppBrowser" value="org.apache.cordova.InAppBrowser" />

<!--
 If you do not want …

我有InAppBrowser的问题.我试图捕捉可能来自我正在加载的网站的错误,我正在通过错误的.htaccess模拟这个,这会产生错误500.

我有以下代码:

ref = cordova.InAppBrowser.open($openuri, '_blank', 'location=no,toolbar=no,zoom=no,enableviewportscale=no,disallowoverscroll=no');
ref.addEventListener("loadstop",function() {
        .....
    });
ref.addEventListener("loaderror",function() {
        alert('Toot');
    });
ref.addEventListener('loadstart', function(event) {
        .....
});

该网站正在打开,所有"loadstop"和"loadstart"事件都正常工作.但是,当我故意使页面返回"错误500"时,事件"loaderror"未触发.

它会解决其他错误 - 例如手机上没有互联网时.

关于为什么会发生这种情况的任何想法都受到高度赞赏.

我面临一个奇怪的问题。我尝试在 InAppbrowser 中打开一个链接，它会打开一个如下所示的空白页面：

它没有显示任何错误。但是，当我尝试在手机 chrome 浏览器中打开相同的链接时，它会向我显示一条消息“您的连接不是私密的”，如下所示：

. 我尝试通过使用此解决方案绕过此问题，但没有成功。请帮我

Cordova 安装版本：6.4.0

我有我的一个博客，我想将其转换为 ionic 应用程序。我使用InAppBrowser插件，但问题是当我按下后退按钮时，它会进入我的默认 ionichome页面。

我按照以下步骤操作：

ionic start myblog

ionic platform add android

ionic cordova plugin add cordova-plugin-inappbrowser

npm install --save @ionic-native/in-app-browser

然后加入provider中app.module和home.ts写入以下内容。

import { InAppBrowser } from '@ionic-native/in-app-browser';

constructor(private iab: InAppBrowser) { }


...


const browser = this.iab.create('https://ionicframework.com/','_self','location=no');
browser.show();

也location=no不起作用。像android ionic提供webview?? 谁能帮我吗 ？任何帮助表示赞赏。:)

当我在android和手机间隙3.4中使用inappbrowser打开链接(页面)时,如何显示完成按钮

我安装了inappbrowser插件,这是我的链接看起来如何:

<a onclick="window.open('https://www.google.com/', '_blank);">Google</a><

我有以下问题:

• 我有一个iOS Cordova应用程序.
• 应用程序通过使用以下Cordova插件下载zip文件并在"cdvfile:// localhost/persistent/content/myfolder"中解压缩:org.apache.cordova.file-transfer,org.apache.cordova.file和https: //github.com/MobileChromeApps/zip.git
• 在zip中有一个"index.html"文件,上面有"视频标签".
• 我能够成功加载并执行"index.html"文件,但视频无法加载.

我知道视频文件已成功解压缩,因为:

• 我检查了iPad里面的文件.

• 我通过以下方式将视频嵌入到cordova应用程序的索引中(不是下载的应用程序)并且它可以工作:

   var videocontainer = document.getElementsByTagName('video')[0];
   var videosource = document.getElementsByTagName('source')[0];
   var newmp4 = cordova.file.documentsDirectory + 'content/myfolder/videos/myvideo.mp4';
   videosource.setAttribute('src', newmp4);
   videocontainer.load();
   videocontainer.play();
  

  Run Code Online (Sandbox Code Playgroud)

但是,视频未在下载的HTML文件中加载/播放.为了理解我在做什么,我必须开发一个应用程序,通过从拉链下载其内容来更新,内容包括嵌入了视频的页面.它适用于PC和Android,但不适用于iOS.

我尝试了以下事项:

• 在"_self"中加载页面.显示页面但不显示视频.
• 在iframe中加载页面.结果相同.
• 在inAppBrowser(插件)中加载页面.结果相同.
• 带有源src ="videos/myvideo.mp4"的视频标签(适用于Web和Android).结果相同.
• 带有源src ="./ videos/myvideo.mp4"的视频标签(适用于Web和Android).结果相同.
• 带有源src = cordova.file.documentsDirectory +'content/myfolder/videos/myvideo.mp4'的视频标签(使用JS,通过在查询字符串中传递路径,在我之前描述的根index.html中工作的路径相同).结果相同.
• 带有源src = cordova.file.documentsDirectory +'cdvfile://localhost/persistent/content/myfolder/videos/myvideo.mp4'的视频标签.结果相同.
• 以前所有的组合.相同的结果....

在DIV中加载下载的资源不是一种选择,因为资源(图像,CSS,javascripts,音频,视频等)都下载到其他iOS设备的文件夹中:应用程序的Documents'文件夹(cdvfile:// localhost/persistent /).

我尝试了几乎所有的东西......为什么在html中播放视频标签并不是一件容易的事,这些视频标签都在应用程序的Documents'文件夹中？

:-(

编辑1:科尔多瓦版本= 3.6.3

我正在使用 cordova 在我的应用程序中打开远程 url。我的问题是在内容加载的几秒钟内出现空白屏幕。

有没有办法在完成加载内容时“隐藏”浏览器视图？

谢谢

如何在 expo 中打开 web 浏览器而不是使用 expo 浏览器。我想在应用程序内部打开浏览器。