开发者社区> niunan> 正文

mui封装做好的手机版网站为apk

2018-02-04 1248

简介：

+关注继续查看

BOSS提到的一个功能，就是把已经做好的手机网站http://xxx.com/m/home/index ，想着看起来应该蛮简单，一个html页面里就一个iframe就好了，然后宽度和高度都设置为100%，试了下，宽度没问题，就是高度的话100%是没有用的，试过在我的MX2手机上是可以100%撑开，钽是在同事的华为手机上又不能撑开了，上网搜索了一下，可以用JS来取得整个窗口的高度，下面是代码，直接写在MUI的新建的项目中的INDEX.HTML页面就行了

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>
    <script type="text/javascript">
        document.addEventListener('plusready', function() {
            //console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
        //    var h = plus.webview.currentWebview().height; 这是错的，取不到值
            //console.log("当前页面URL：" + plus.webview.currentWebview().getURL() + " ,当前窗口高度：" + h);

        //    document.getElementById('frm1').style.height = h + "px";
        });

        function setIframeHeight(iframe) {
            if(iframe) {
                var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
                if(iframeWin.document.body) {
                    iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
                    console.log("窗口高度:" + iframe.height);
                    document.getElementById('frm1').style.height = iframe.height + "px";
                }
            }
        };

        window.onload = function() {
            setIframeHeight(document.getElementById('frm1'));
        };
    </script>
</head>

<body>
    <iframe id="frm1" style="border:none;width:100%;height:100%;" src="http://baidu.com/"></iframe>
</body>

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

Web App开发 JavaScript

手机网站手机apk

开发者社区 > 开发与运维 > 文章

云迁移中心

作者高分内容

更多

MYSQL冷备份恢复 1631 net core 3.1发布的时候有视图views 143 NET CORE 七牛云上传文件 433 《PHP高性能开发：基础、框架与项目实战》_王甲临 681 flutter hello world 360

相关文章

55555

现在都用手机了，网站这东西真的还需要吗，企业应该放弃吗？

现在大部分用户使用的设备是手机，但是在工作的时候相信大部分人都还是会使用电脑来办公，移动端的流量虽然占到的总流量的7成，但是PC端的剩余的那3成也是需要耐心耕耘的领域。如果你制作的是响应式网站，他将完美支持全设备访问。

41 0

梦无矶小仔

反编译及手机平板apk提取

反编译与手机平板apk提取仅用于安卓设备

111 0

梦无矶小仔

反编译及手机平板apk提取

反编译apk获取apk相关内容

88 0

韩曙亮

【Android 逆向】获取安装在手机中的应用的 APK 包 ( 进入 adb shell | 获取 root 权限 | 进入 /data/app/ 目录 | 拷贝 base.apk 到外置存储 )

【Android 逆向】获取安装在手机中的应用的 APK 包 ( 进入 adb shell | 获取 root 权限 | 进入 /data/app/ 目录 | 拷贝 base.apk 到外置存储 )

236 0

开发者小达人

手机App扫描多个网站显示的二维码的数据结构设计

手机App扫描多个网站显示的二维码的数据结构设计

56 0

黄兵的博客

如何不通过自己手机注册网站

现在在国内各大网站注册用户名都需要输入电话号码，有些网站比较好，不会给你打骚扰电话，但是有些网站你自从输入了电话号码之后，你的手机就会接到各种各样的推销电话。

1680 0

科技新发现

花样繁多的网上手机回收、交易网站背后是怎样一条产业链？

1886 0

老朱教授

用PHP检测用户是用手机(Mobile)还是电脑(PC)访问网站

1162 0

浣熊干面包

实现手机访问，自动跳转网站手机版

2274 0

嗯哼9925

【ASP.NET 进阶】判断访问网站的客户端是PC还是手机

1412 0

+关注

niunan

没有什么网站是数据库增删查改做不了的，如果有，那就不接这单！

文章

问答

视频

作者高分内容

更多

MYSQL冷备份恢复 1631 net core 3.1发布的时候有视图views 143 NET CORE 七牛云上传文件 433 《PHP高性能开发：基础、框架与项目实战》_王甲临 681 flutter hello world 360

文章排行榜

最热

最新

1 C++ STL容器和算法：详解和实例演示 37779

2 干掉 “重复代码”，这三种方式绝了！ 34942

3 万能架构设计：ES+Redis+MySQL，这套组合可应对80%业务场景（2） 29595

4 使用篇丨链路追踪（Tracing）很简单：链路拓扑 28918

5 如何提高光伏发电效能异常检出效率的实践案例 26715

6 日志服务 SLS 和开源 ELK 全面对比 26560

7 阿里云蔡英华：Landing Zone助力生态伙伴成为企业云治理服务专家 24135

8 如何画好一张架构图？（3） 21343

9 PolarDB-X 致数据库行内人 (一) ~ 如何有效评测国产数据库的分布式事务 13973

10 实践教程之体验PolarDB-X分布式事务和数据分区 8973

11 如何解决IoT数据入仓的客户实践 7266

12 Python3，自从掌握了这个方法，再也不用print进行调试了。 11863

13 现场直击：2023阿里云峰会精彩发布抢先看（内含福利） 332169

14 阿里云优惠口令（2023更新） 5853

15 大数据&AI产品月刊【2023年4月】 3960

16 ClickHouse创始人：融合数据库该“卷”的还是性能和速度 53953

17 编程中最难的就是命名？这几招教你快速上手 31387

18 阿里云联合埃森哲正式发布《跨国企业上云登陆区（Landing Zone）白皮书》 49378

19 除了价格降70%，关于对象存储预留空间你还需要了解这些 30885

20 RocketMQ 多级存储设计与实现 20906

1 设计模式 77

2 多层网关已成过去，网关多合一成潮流，网关改造正当时丨Higress 正式发布 1.0 版本 55

3 Spring 事务失效的六种情况 58

4 Hybrid Shuffle 测试分析和使用建议 78

5 细说Dataphin自动解析 333

6 高手交锋，专业对决！阿里云重磅新品评测令！ 395

7 TechEmpower 21 轮 Web 框架性能评测 -- C# 的性能和 Rust、C++ 并驾齐驱 335

8 Spring Boot2.x-10 基于Spring Boot 2.1.2 + Mybatis 2.0.0实现多数据源，支持事务 6990

9 【C进阶】——动态内存管理详解及经典笔试题解析（二） 6971

10 【算法之旅】基础数据结构之队列 6998

11 Canvas 图像处理之 getImageData 6872

12 【算法之旅】基础数据结构之链表（二） 57

13 【算法之旅】基础数据结构之链表（一） 51

14 使用 WebP 图像加速WEB加载 6922

15 【C进阶】——动态内存管理详解及经典笔试题解析（一） 62

16 Go 空结构体：零内存的魔力 6866

17 Redis-17Redis内存回收策略 6799

18 人工智能写的十段代码，九个通过测试了 6970

19 与C知道的第一次亲密接触 6849

20 探索 Web 管理之路，OpenYurt 社区 UI/CLI SIG 正式启动 4570

相关电子书

更多

手机京东Crash自动分析处理系统

立即下载

低代码开发师（初级）实战教程

立即下载

阿里巴巴DevOps 最佳实践手册

立即下载

相关实验场景

更多