你的位置:首页 > 软件开发 > Java > web前端 —— 移动端知识的一些总结

web前端 —— 移动端知识的一些总结

发布时间:2017-02-19 00:00:25
个人在移动端的一些总结归纳,有新的知识点会一直更新一.css部分1.meta标签<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no ...

个人在移动端的一些总结归纳,有新的知识点会一直更新

一.css部分

1.meta标签

web前端 —— 移动端知识的一些总结

 

2.图片尺寸

 

要想三个li元素平分box的宽度,width:0是关键(在这个坑里陷了好久,直到偶然的一次设置了width:0突然就好了,后来在天猫上也看到了同样的设置width:0

 

三、微信部分

  1. 判断是否来自微信浏览器

    web前端 —— 移动端知识的一些总结

     

  2. 判断手机的类型

    web前端 —— 移动端知识的一些总结

     

3.如果在网页里嵌套一个iframesrc为其他的网址等,当在微信浏览器打开时,如果iframe里的页面过大,则iframesrc不能加载(具体多大不知道,只是遇到过)。

4.微信jssdk里预览图片接口,图片的url不能填base64编码,ios上会很卡,估摸着微信得卡个5秒左右才打得开,而android上压跟就卡住或者一直卡在读取图片界面

5.微信当在输入框里输入消息时,会提示警示框不要输入qq密码等,这个可以在公众平台的功能设置的业务域名设置

6.微信里假如页面一使用ajax获取数据,当你进入下一页面再按返回键返回页面一的时候,有些情况不会去请求ajax数据,会使用缓存,然而ajax来的数据又并没有存在缓存里。要设置cache:false(iphone、android的某些手机都可能出现)

7.在微信js config的时候,如果URL的参数有如?a={"param": "1"},会导致签名失败。给参数用encodeURIComponent编码后再传过去也是失败!研究了好久。(后台代码没做任何修改,只在我前端修改代码)。所以最后还是使用了?param=1这样的格式

 

转自:https://segmentfault.com/a/1190000003908191

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:web前端 —— 移动端知识的一些总结

关键词:Web前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录