首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ChildBrowser Phonegap不工作

ChildBrowser Phonegap不工作
EN

Stack Overflow用户
提问于 2012-03-20 19:17:58
回答 3查看 2.8K关注 0票数 3

在搜索了一种在我的应用程序中打开浏览器的合适方式后,我偶然发现了ChildBrowser,它看起来提供了我想要的一切。在遵循了几个教程之后,我似乎无法让这个插件正常工作。我已经为外部主机编辑了我的PhoneGap.plist文件,值为"*",我已经在插件中添加了ChildBrowserCommand,但是当我运行应用程序时,当我点击链接时,没有任何反应。我在我的文档的头部有以下代码;

代码语言:javascript
复制
<script type="text/javascript">
    var childBrowser;

    function onBodyLoad ()
    {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    //Phonegap ready to go
    function onDeviceReady()
    {
        alert("PhoneGap is ready");
        childBrowser = ChildBrowser.install();
    }

    function openChildBrowser(url)
    {
        try {
            window.plugins.childBrowser.ShowWebPage(url);
            //childBrowser.showWebPage(url);
        }
        cathc(err)
        {
            alert(err);
        }
    }

</script>

我在phoneGap.js文件后面紧跟着包含了ChildBrowser,但似乎无法让它运行,而且控制台中也没有记录任何错误。有没有人知道哪里出了问题,或者至少给我指出了正确的方向?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-05-05 13:04:21

在花了几个小时/几天的时间在这个主题上追逐了许多令人困惑的页面之后,我终于在这个blog page中找到了一套简明的说明。确保获取此github page中所示的最新代码。我成功地让ChildBrowser插件在OSX10.7.3上运行的Xcode4.3中的PhoneGap 1.5.0上工作-并在iOS 4和5上进行了测试。我发现的局限性是它只能在纵向模式下工作。我现在正在寻求一个包含景观模式的解决方案。

票数 0
EN

Stack Overflow用户

发布于 2012-10-05 18:09:31

下面的代码适用于我。

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <title>My External Page</title>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1.0"/>
    <meta name="format-detection" content="telephone=no"/>

    <!--iPhone on Safari Standalone mode-->
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!--Hide iPhone on Safari Native Top Status Bar-->
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <link rel="shortcut icon" href="favicon.ico" />

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />

    <script type="text/javascript" src="cordova-2.1.0.js"></script>
    <script type="text/javascript" src="childbrowser.js"></script>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

    <script type="text/javascript">

        document.addEventListener("deviceready", loaded, false);

        function loaded()
        {
            if (console)
            {
                console.log("cordova loaded");
            }
        }

        function showExternalPage()
        {
            if (console)
            {
                console.log("in show pmt page");
            }

            Cordova.exec("ChildBrowserCommand.showWebPage", "http://www.google.com/" );
        }

        </script>

</head>

<body>

    <div data-role="page" id="myExternalLauncherPage" data-theme="a">

        <div data-role="content">

            <ul data-role="listview" data-inset="true">

                <li>
                    <button type="submit" data-theme="b" id="launcherButton" onclick="showExternalPage()">Launch Google</button>
                </li>
            </ul>

        </div>

    </div>

</body>

票数 3
EN

Stack Overflow用户

发布于 2012-03-21 05:04:46

我的合作伙伴写了一个逐步教程,介绍如何将ChildBrowser插件添加到PhoneGap安卓项目here中。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9785731

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档