微信打开APP更新页面开发注意点

发表于 更新于 分类于
微信打开APP更新页面开发注意点

页面适配

1
2
3
4
5
6
7
8
9
10
11
12
$(function () {
  var r = document.body.offsetWidth / 800;
  $(".bg").css("transform-origin", "0 0 0").css("transform", "scale(" + r + ")");

  if (!is_weixn()) {
    $(".top_div").css("display", "none");
  }
});
$(window).resize(function () {
  var r = document.body.offsetWidth / 800;
  $(".bg").css("transform-origin", "0 0 0").css("transform", "scale(" + r + ")");
});

上面的代码就是让页面随窗口大小自动适配，我的设计图的宽度为800，所以上面document.body.offsetWidth / 800来算出要缩放的值，缩放时默认按中心点缩放，要按左上方缩放就用.css("transform-origin", "0 0 0")来实现。

判断是否在微信中打开

1
2
3
4
5
6
7
8
function is_weixn() {
  var ua = navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == "micromessenger") {
    return true;
  } else {
    return false;
  }
}

下载APP文件

1
2
3
4
5
6
7
8
9
10
11
let fileurl = "https://www.psvmc.cn/123.apk";
var isSupportDownload = 'download' in document.createElement('a');
if (isSupportDownload) {
  var $a = $("<a>");
  $a.attr({
    href: fileurl,
    download: 'filename'
  }).hide().appendTo($("body"))[0].click();
} else {
  window.open(fileurl)
}