专栏首页码客微信打开APP更新页面开发注意点

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

页面适配

$(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")来实现。

判断是否在微信中打开

function is_weixn() {
  var ua = navigator.userAgent.toLowerCase();
  if (ua.match(/MicroMessenger/i) == "micromessenger") {
    return true;
  } else {
    return false;
  }
}

下载APP文件

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)
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 我的MacVim的配置

    剑行者
  • Jekyll目录生成

    剑行者
  • iOS常用代码段

    控制器中代码设置 > storybord设置 > 全局设置 优先级高的会覆盖优先级低的配置,比如storybord中的设置了navigationbar的样式 那...

    剑行者
  • 从Pix2Code到CycleGAN:2017年深度学习重大研究进展全解读

    机器之心
  • gitlab-ci的简易入门—基于python项目的CI演示

    使用github上开源的一个python的demo项目,地址为:https://github.com/imooc-course/docker-cloud-fla...

    没有故事的陈师傅
  • 解决gitlab-runner执行docker命令提示权限不足的问题

    飞奔去旅行
  • 业界 | 谷歌发布音乐 AI Doodle 庆祝巴赫生日,这里是它背后的技术

    雷锋网 AI 科技评论按,2019 年 3 月21 日,google 发布了他们有史以来第一个人工智能 Doodle ,以庆祝世界著名的德国作曲家和音乐家——巴...

    AI科技评论
  • 9个基本的GNU binutils 工具【Linux-Command-line】

    想象一下,尽管无法访问软件的源代码,但仍然能够理解软件的实现方式,在其中找到漏洞,并且(更好的是)修复了错误。 凡此种种都源于二进制形式。 听起来像是拥有超能力...

    QRosie
  • ASP.NET 5系列教程 (六): 在 MVC6 中创建 Web API

    ASP.NET 5.0 的主要目标之一是统一MVC 和 Web API 框架应用。 接下来几篇文章中您会了解以下内容: ASP.NET MVC 6 中创建简单的...

    葡萄城控件
  • VR开发--虚拟与现实游戏(VR-狩猎)

    1、PC平台 2、资源(UI素材,粒子特效,动画等) 3、导入SteamVR 4、那个运行HTC Vive设备最少970显卡

    雷潮

扫码关注云+社区

领取腾讯云代金券