个人中心
gpt4 book ai didi

jquery - 如何将 childBrowser 用于 phonegap 应用程序

转载 作者：太空宇宙 更新时间：2023-11-03 18:59:05 26 4
gpt4 key购买 nike

我需要在我的 phonegap 应用程序中显示一个网页，并且能够应用一个新的 css 文件来覆盖显示 - 或者可能有一种不用 css 的不同方法？

我知道这必须是可能的，因为如果我在桌面上使用 mozilla 打开网页，我可以使用 firebug 调整 css 以获得我想要的外观。我不能使用 iframe，因为我需要做的唯一改变是尺寸。我需要将其缩小一点，因为我不想在移动应用程序中滚动。这是代码，我觉得这可能仍然无法正常工作，因为我认为我应该启用 flash(我试图加载的页面是实时流)，但我想先看看这些更改做了什么

index.html:

<!DOCTYPE html>
<html>
<head>
<title>Hello Phonegap</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta charset="utf-8">


    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="theme.css" />
    <link rel="stylesheet" href="theme.min.css" />
    <script type="text/javascript" charset="utf-8" src="childbrowser.js"></script>
    <script type="text/javascript">




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

    function onDeviceReady()
    {
        // do your thing!
        navigator.notification.alert("Phonegap is ready")
    }

    </script>
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css">
</head>
<body onload="onBodyLoad()">
    <!-- Home -->
<div data-role="page" id="page1">
        <div data-role="content">
          <ul class="ui-btn-up-a" data-role="listview" data-theme="a">
            <li><a href="#">Page</a></li>
            <li><a href="#">Page</a></li>
            <li><a href="#">Page</a></li>
            <li class="ui-bar-a"><a href="#" onClick= "window.plugins.childBrowser.showWebPage('http://www.google.com');">child</a></li>
          </ul>

        </div>

    </div>
  </div>

配置文件

<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id        = "com.phonegap.example"
version   = "1.0.0">

<name>PhoneGap Build Application</name>

<description>
A simple PhoneGap Build application.
</description>

<author href="https://example.com" email="you@example.com">
Your Name
</author>
<gap:plugin name="ChildBrowser" />
<access origin="*" />

</widget>

最佳答案

要添加一个新的 css 文件，请使用以下命令:

var obj=document.createElement("link");
obj.setAttribute("rel", "stylesheet")
obj.setAttribute("type", "text/css")
obj.setAttribute("href", your_css_file)
obj.setAttribute("id", id_to_remove_it_later);
document.getElementsByTagName("head")[0].appendChild(obj);

希望对你有帮助

关于jquery - 如何将 childBrowser 用于 phonegap 应用程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12654363/

26 4 0
文章推荐： debugging - 在 lisp 中调试 minimax game awele "oware"
文章推荐： c# - 如何在 C# 中创建返回数据表的类？
文章推荐： list - 计算 LISP 中每个级别的子列表
文章推荐： php - 在 PHP 中将长十六进制代码转换为短十六进制代码
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com