关于app引导页

382575053 · 发表于 2017-3-21 15:25:04

1，拷贝了intro.html文件，资源也打包了里面。但是app就是不显示引导页图片。打包模式1，只上传了桌面图标，其他图片没有上传，然后打开app的时候只有系统自带的图片一张，intro里面的图片都没有显示出来

monkey · 发表于 2017-3-21 15:54:52

我也遇到同样的问题，不过我是通过模式4打包的，到现在还没有解决。不过模式1应该没问题的。http://docs.wex5.com/wex5-app-question-list-2002/

liangyongfei · 发表于 2017-3-21 16:44:12

monkey 发表于 2017-3-21 15:54
我也遇到同样的问题，不过我是通过模式4打包的，到现在还没有解决。不过模式1应该没问题的。http://docs.we ...

无论模式几！

只需要把
intro目录
intro.js
intro.html
这三块资源都复制到你资源首页同级的目录下

首页引入intro.js 肯定就可以了！

monkey · 发表于 2017-3-21 16:50:30

liangyongfei 发表于 2017-3-21 16:44
无论模式几！

只需要把

可是模式4只让你填写一个跳转目的url地址，这个相当于主页，然后把这三个问价包括目录和东西全放到服务器上，然后再打包，还是没有的（如果有，那打包过程中会联网去目的url地址访问这个主页并获取资源呀）。不知道我这样理解对不对？

liangyongfei · 发表于 2017-3-21 17:21:39

monkey 发表于 2017-3-21 16:50
可是模式4只让你填写一个跳转目的url地址，这个相当于主页，然后把这三个问价包括目录和东西全放到服务器 ...

是的！模式４和浏览器访问ＵＲＬ原理是一样的！你放置到服务器上以后！可以直接先使用浏览器访问这个ＵＲＬ　测试！引导页能否显示！！
为了测试每次都能出现！没有缓存！
要删除intro.html文件中的一行代码： localStorage.setItem(x5Version + ‘introPage’, ‘false’);

浏览器测试如果每次引导页都能出来！那么打包后也就可以了！

896322944 · 发表于 2017-5-27 14:42:30

你好请问一下我现在想动态添加引导页我用ajax 获取的图片然后添加进去为什么引导页怎么都不出现了以前写死的时候还出现的

liangyongfei · 发表于 2017-5-27 14:48:20

896322944 发表于 2017-5-27 14:42
你好请问一下我现在想动态添加引导页我用ajax 获取的图片然后添加进去为什么引导页怎么都不出现了以 ...

那你是使用的同步请求吗？？

必须优先引导页　加载完再加载主页

你可以Ｆ１２　调试源码看下引导页的代码，源码中图片正常吗？

你可以先写死，然后再用ａｊａｘ请求新的图片，重新赋值！
如果你显示的引导页都是固定的，不变的说明ａｊａｘ没生效，如果先显示了旧的引导页图片，然后新的图片替换了旧的！那就说明ａｊａｘ请求的做法！设置ＵＲＬ新路径是正确的！

其实你直接给ｉｍｇ标签的ｓｒｃ属性复制为图片的ｕｒｌ地址就可以了啊！不用ａｊａｘ吧！

896322944 · 发表于 2017-5-27 14:55:09

liangyongfei 发表于 2017-5-27 14:48
那你是使用的同步请求吗？？

必须优先引导页　加载完再加载主页

我是用的异步请求

liangyongfei · 发表于 2017-5-27 14:59:01

896322944 发表于 2017-5-27 14:55
我是用的异步请求

你是怎么做的，不用ａｊａｘ请求吧！直接给ｉｍｇ的ｓｒｃ属性设置新图片的ＵＲＬ就行的！
　
也建议试试我说的，先写上一个图片，然后再动态给ｉｍｇ的ｓｒｃ属性设置新图片的ＵＲＬ

896322944 · 发表于 2017-5-27 15:02:11

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<script type="text/javascript"  src="./intro/swiper/dist/js/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="./intro/swiper/dist/css/swiper.min.css"/>
<script type="text/javascript" src="./intro/swiper/dist/js/swiper.min.js"></script>
<style type="text/css">
      html, body {
         width: 100%;
         height: 100%;
         border: 0;
         margin: 0;
         padding: 0;
      }

      .swiper-slide img {
         width: 100%;
         height: 100%;
      }

      #try {
         vertical-align: middle;
         display: table-cell;
         height: auto;
         width: auto;
         max-width:50%;
         position: relative;
         top: -120px;
         margin: auto;
      }
</style>
</head>
<body>

<div class="swiper-container" style="height:100%;">

<div class="swiper-wrapper">
      
</div>
<div class="swiper-pagination"></div>
</div>
<script>
debugger;
$.ajax({

      "type": "get",
      "url": "XXX",
      "dataType": "jsonp",
      "data": {

      },
      "success" : function(result) {
         debugger;
         if (result.ret == "1")
         {
            var m=result.news.length;
            for(var i=0;i<result.news.length;i++){
                  $(".swiper-wrapper").append('<div class="swiper-slide" style="width: 100%;"><img src='+ result.news[i].photo +' /></div>')
            }
            $(".swiper-slide").eq(m-1).append('<img id="try" src="./intro/img/try.png" />');

            var mySwiper = mySwiper = new Swiper ('.swiper-container', {
                  direction: 'horizontal',//滑动方向水平
                  // loop: true,//循环
                  //    autoplay : 3000,//自动轮播
                  // 如果需要分页器
                  pagination: '.swiper-pagination',
      //       autoplayDisableOnInteraction : false,

            });

            $("#try").click(function(){
            closeIntroPage();
            })
            mySwiper.on('reachEnd', function (event) {
               if (event.activeIndex == m-1) {
                     closeIntroPage();
                  }
            });

         }
         else
         {

         }
      },
      "error" : function(xhr,txt){

      }
});

function closeIntroPage() {
      /**
      如果只需要引导页面出现一次就设置参数为false
      如果需要每次都出现就不要设置
      如果后续有需求需要再次显示引导页就 localStorage.removeItem('splashPage');
      **/

      // /x5app\/([0-9.]*)/.exec("x5app/5.3.2")
var x5AppAgents = /x5app\/([0-9.]*)/.exec(navigator.userAgent);
var x5Version = "notInApp";
if(x5AppAgents && x5AppAgents.length > 1){
x5Version = x5AppAgents[1];
}
      localStorage.setItem(x5Version + 'introPage', 'false');
      /**
      通知首页关闭引导页
      **/
      window.parent.postMessage('introPageClose', '*');
}
</script>

</body>
</html>

		自动登录	找回密码
密码			注册

[结贴] 关于app引导页