51Dev开发社区
登录 注册

#移动端

移动端适配必须掌握的基本概念和适配方案
随着技术的发展，移动设备越来越流行，并且不同设备间屏幕尺寸和屏幕像素的差异，移动端开发面临着多分辨率适配的问题。 响应式开发本质时针对多种屏幕做适配，在实际开发中，通常情况下时针对主流的设备进行适配。在开发前，必须掌握几个基本概念：物理像素：即屏幕的实际像素点。像素是屏幕设备的最小显示单元，如iPhone4的...
代码星球 ·2020-12-24

解析移动端滚动穿透
滚动穿透在移动端开发中是一个很常见的问题，产生诡异的交互行为，影响用户体验，同时也让我们的产品看起来不那么“专业”。虽然不少产品选择容忍了这样的行为，但是作为追求极致的工程师，应该去了解为什么会产生以及如何去解决。 什么是滚动穿透移动端开发中避免不了会在页面上进行弹窗、加浮层等这种操作。一个最常见的场景就是整...
代码星球 ·2020-12-24

整理经常在H5移动端开发遇到的知识
viewport、强制浏览器全屏、IOS的WebAPP模式、可点击元素出现阴影（这个我觉得真没必要去掉，用户点击是需要反馈的，而这个背景色刚刚好提供了一种反馈）等等，太多啦，这些相信大家百度一下就可以查到很多资料本篇文章主要是讲一些其他的或者优化手段。内容不多 1.弹出数字键盘<!--有"#""*"符号...
代码星球 ·2020-12-24

移动端检测微信浏览器返回，关闭，进入后台操作
背景：最近做一个倒计时记录学习时长项目，需要在用户点击浏览器的返回按钮或者直接关闭浏览器，或者直接退出微信或者进入后台时记录下当前页面的进度，下次进去从上次退出的地方开始倒计时。一开始想的很简单直接监测浏览器的返回事件window.onbeforeunload，在安卓和pc上可以监测到，但是iOS上监测不到广州vi设计...
代码星球 ·2020-12-24

PHP判断访问者是PC端还是移动端
function isMobile(){     // 如果有HTTP_X_WAP_PROFILE则一定是移动设备    if (isset ($_SERVER['HTTP_X_WAP_PR...
代码星球 ·2020-12-19

移动端 上拉加载下拉刷新功能
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal...
代码星球 ·2020-12-10

移动端库和框架
移动端的操作方式和PC端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件：1、touchstart://手指放到屏幕上时触发2、touchmove://手指在屏幕上滑动式触发3、touchend://手指离开屏幕时触发4、touchcancel://系统取消touch事件的时候...
代码星球 ·2020-11-27

移动端页面开发流程
移动端app分类1、NativeApp原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C2、HybridApp混合型app手机应用程序混合使用原生的程序和html5页面开发的手机应用3、WebApp基于Web的app手机应用程序完全使用html5页面加...
代码星球 ·2020-11-27

H5移动端JS操作LocalStorage方法
LocalStorage和SessionStorageLocalStorage是对Cookie的优化没有时间限制的数据存储在隐私模式下不可读取大小限制在500万字符左右，各个浏览器不一致在所有同源窗口中都是共享的本质是在读写文件，数据多的话会比较卡（firefox会一次性将数据导入内存）不能被爬虫爬取，不要用它完全取代...
代码星球 ·2020-11-22

移动端，分享插件
最近有一个活动页需要在移动端浏览器分享网页到微信，QQ。虽然每一个浏览器都有分享到微信的能力，但不是每个都提供接口供网页来调用。及时有提供，浏览器暴露出的api也各不相同，而我写NativeShare的目的只是为前端开发者提供一致的api来调用浏览器的原生分享组件。大小uglify+gzip=4k。兼容性(毫无疑问是兼...
代码星球 ·2020-11-21

移动端分享插件使用总结
https://www.cnblogs.com/milo-wjh/p/6796082.html对于分享插件来说，大家肯定都很熟悉，最常用的就是百度分享、jiathis分享等，可分享的媒体也非常多，当然最常用的需求无非也就新浪微博、QQ空间、QQ好友、微信朋友圈、微信好友，其他什么乱七八糟的人人网、猫扑、豆瓣就不多做考虑...
代码星球 ·2020-11-21

移动端以及 PC浏览器页面分享到朋友圈等的功能实现
我们经常可以在一些app上看到分享到朋友圈、微信好友、qq好友等功能，例如饿了么、美团等app，下单之后就会弹出给好友发红包的modal窗，这在app上很常见，app的权限可以很大，甚至连启动手机上其他关联软件的权限都可以有，分享到什么朋友圈简直是小菜一碟，而相比之下浏览器的权限就被限制地很小，连读取粘贴板内容的功能有...
代码星球 ·2020-11-21

使用 Hbuilder 连接手机调试移动端项目
点击界面上的浏览器右侧的倒三角。 弹出列表以后，点击最后一行“设置web服务器...”。继续弹出，点击右下角的“外置Web服务器设置”。 点新建。 弹出框后，填入“名称”和“浏览器运行URL”,...
代码星球 ·2020-09-17

移动端rem.js
/***以下这段代码是用于根据移动端设备的屏幕分辨率计算出合适的根元素的大小*当设备宽度为375(iPhone6)时，根元素font-size=20px;依次增大；*限制当为设备宽度大于768(iPad)之后，font-size不再继续增大*scale为metaviewport中的缩放大小*/!function(e){...
代码星球 ·2020-09-13

web移动端开发技巧
一、meta的使用1、<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>强制让文档的宽度与设备的宽度保持1:1，并且...
代码星球 ·2020-09-12
首页上一页...45678...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他