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

简介:

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>

目录
相关文章
|
3月前
|
JavaScript Android开发
手机也能搭建个人博客?安卓Termux+Hexo搭建属于你自己的博客网站
手机也能搭建个人博客?安卓Termux+Hexo搭建属于你自己的博客网站
36 0
|
1月前
|
前端开发 JavaScript 关系型数据库
手机商城网站的分析与设计(论文+源码)_kaic
手机商城网站的分析与设计(论文+源码)_kaic
|
9月前
|
存储
将PC端的apk文件通过微信文件分享到手机,后缀名有.1
将PC端的apk文件通过微信文件分享到手机,后缀名有.1
231 0
|
1月前
|
JavaScript Android开发
手机也能轻松搭建个人博客,使用安卓Termux+Hexo建立自己的网站
手机也能轻松搭建个人博客,使用安卓Termux+Hexo建立自己的网站
|
4月前
|
数据挖掘 定位技术
出租车GPS轨迹、社交软件签到、手机信令数据下载网站整理
出租车GPS轨迹、社交软件签到、手机信令数据下载网站整理
113 2
|
4月前
|
缓存 网络协议 网络安全
网站电脑版正常手机版指向不良网站
我的网站电脑版正常手机版指向不良网站是怎么回事
53 1
|
5月前
|
JavaScript Android开发
使用安卓Termux+Hexo,手机也能轻松搭建个人博客网站
使用安卓Termux+Hexo,手机也能轻松搭建个人博客网站
48 0
|
10月前
|
JavaScript 安全 Android开发
手机安卓Termux搭建Hexo博客网站,发布公网访问
Hexo 是一个用 Nodejs 编写的快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 下面介绍在Termux中安装个人hexo博客并结合cpolar工具实现公网环境下访问。
124 0
|
存储 Shell Android开发
【Android 逆向】获取安装在手机中的应用的 APK 包 ( 进入 adb shell | 获取 root 权限 | 进入 /data/app/ 目录 | 拷贝 base.apk 到外置存储 )
【Android 逆向】获取安装在手机中的应用的 APK 包 ( 进入 adb shell | 获取 root 权限 | 进入 /data/app/ 目录 | 拷贝 base.apk 到外置存储 )
436 0
【Android 逆向】获取安装在手机中的应用的 APK 包 ( 进入 adb shell | 获取 root 权限 | 进入 /data/app/ 目录 | 拷贝 base.apk 到外置存储 )
|
监控 搜索推荐 SEO
现在都用手机了,网站这东西真的还需要吗,企业应该放弃吗?
现在大部分用户使用的设备是手机,但是在工作的时候相信大部分人都还是会使用电脑来办公,移动端的流量虽然占到的总流量的7成,但是PC端的剩余的那3成也是需要耐心耕耘的领域。如果你制作的是响应式网站,他将完美支持全设备访问。
75 0
现在都用手机了,网站这东西真的还需要吗,企业应该放弃吗?