移动端页面

移动端页面在手机中调试

简介移动端页面运行在PC端，在移动端访问页面，实时的在PC端查看console、network等，并进行移动端的页面调试。
刘春辉同学·2019-05-27 00:00

puppeteer 自动性能测试

目的用puppeteer对多个移动端页面进行性能测试，要求同一页面多次运行求平均值，结果导出为excel文件,需要wifi环境和弱网环境两份测试数据。开始前先简单的了解一下puppeteer是什么？
yrzhaoweb·2019-05-24 22:35

2019-05-19

在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题
0_2448·2019-05-22 17:33

全网最easy的better-scroll实现上拉加载和下拉刷新

前言移动端页面常见的一种效果：下拉刷新（pulldownrefresh）和上拉加载（pullupload），目的都是为了增强用户的体验效果，因此各种移动端滑动插件也是层出不穷，今天小编也在这里给大家推荐一个滑动插件
pubdreamcc·2019-05-16 19:00

优秀的基于VUE移动端UI框架合集

用于快速构建移动端单页应用，很简约，是我喜欢的风格star2.3k中文文档在线预览2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库star10k基于webpack+vue-loader+vux可以快速开发移动端页面
HHT15927087748·2019-05-16 18:36

移动端技术问题 — H5页面底部弹出页input输入时整个弹出页被输入法顶起的解决方法

1、问题在开发移动端页面时遇到一个问题，在手机浏览器上底部弹出页input输入时整个弹出页被输入法顶起，导致浏览器的地址栏遮住了被顶起的顶部部分页面2、解决通过调试分析发现，部分手机自带的浏览器显示正常
郑先生的喵·2019-05-15 13:30

深入了解canvas在移动端绘制模糊的问题解决

由于一些移动端的兼容性原因，我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决，我们采用了pdf.js这个插件，该插件可以将pdf转换成canvas绘制在页面上。
carbrokers·2019-04-30 15:25

图文实战-vue结合api接口开发移动端页面（1）

在学前端的过程中，我们都会被没有后台数据困扰。虽然可以做前端的界面，但是没有实时更新的数据，只能自己敲点假数据，这样做出来的网站只能自己看看，并没有实际的用途。所以在这里，我们可以去了解api接口平台提供的接口，并且结合api接口去做一个网站，到项目完成之后上传到服务器，实现输入网址就能看到自己的网站。记录自己做的一个手机端新闻网，适配各种移动端的网页。自己看一下vue安装教程教程，这里不多说。不
麟12138·2019-04-29 17:19

搬运工----web、移动端、小程序UI框架

https://wangdahoo.github.io/vonic/docs/#/2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库，基于webpack+vue-loader+vux可以快速开发移动端页面
梦想中的套路·2019-04-26 11:27

CSS边用边学（四）：移动端页面适配方案

目录概述metaviewport缩放媒体查询动态remvw,vh总结概述移动端页面，亦即H5页面、手机页面、webview页面等，常因需要适配市面上各种型号各种尺寸的移动设备，而显得繁杂。
许骁Charles·2019-04-23 23:48

JAVA开发日常踩坑总结一

1.在开发移动端页面时，部分安卓手机用微信内置的浏览器打开页面时，会出现a标签点击无效的情况；解决方案：在跳转目标链接后添加一个任意参数即可。
云雨殇·2019-04-11 17:18

移动端页面中阻止视频全屏播放

最近公司的项目中出了需要在局部播放视频的需求，我们都知道HTML5中有一个专门的标签video用来嵌入视频。不过，这个video标签有很多的属性可能很多同学并不是很熟悉，下面我们来认识一下：在网页里嵌入HTML5视频播放器的方法非常简单：关注我的微信公众号【前端基础教程从0开始】，加我微信，可以免费为您解答问题。回复“1”，拉你进程序员技术讨论群。回复“小程序”，领取300个优秀的小程序开源代码+
baidu_41601299·2019-04-09 11:02

小tips-一种移动端模拟实现返回拦截的方案

移动端作为互联网重要入口，切图仔前端工程师开发移动端页面早已是司空见惯的事了，并且其中大部分都是内嵌于客户端(app，小程序)的h5页面，即webview有次被同事问到一个问题，他有个需求，是一个内嵌在客户端
Quiet-Night·2019-03-20 11:18

移动端页面在IOS里滑动不顺畅解决办法

开发移动端的同学可能都知道，当在你用overflow-y:scorll属性的时候，内容超出容器溢出滚动的效果很迟顿，特别是在IOS系统里，通常情况下，我们为了追求好的用户体验，会使用屏幕滚动插件better-scroll了，这个插件是真心好用，但是有些情况下我们可能并不想那么麻烦，而且页面的体验要求也没有那么高，下面给大家介绍一个简单偷懒的办法．这时候可以使用-webkit-overflow-sc
aiguangyuan·2019-03-14 11:37

h5移动端页面不受系统字体影响的rem布局

(function(){size();window.onresize=function(){size();}functionsize(){//下面两行有的手机会受到系统字体大小的影响//varwinW=document.documentElement.clientWidth||document.body.clientWidth;//document.documentElement.style.fo
凡凡的小web·2019-03-13 00:51

Vue实现移动端页面切换效果

在子页面把整个页面做绝对定位，覆盖整个屏幕，子父页面将router-view用transition套起来，并加上过渡动画就可以啦。代码：Document*{padding:0;margin:0;}html,body,#app{width:100%;height:100%;}.one{height:100%;background-color:yellow;}.two{background-color
易水人去丶明月如霜·2019-03-12 14:03

PHP判断是否是微信打开还是浏览器打开的方法

$wxpay_type;//跳转移动端页面$alipay_type=5;//支付宝移动支付$wxpay
我是高手高手高高手·2019-02-27 15:04

解决vue移动端适配问题

1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。
易水人去丶明月如霜·2019-02-21 14:00

移动端所有浏览器页面调试方法

通常在移动端页面调试时，除了移动端chrome和safiri,几乎对其他浏览器无法调试。
Junezm·2019-02-01 00:00

移动端弹出软键盘导致input光标错位问题

移动端页面的定位会影响光标位置，相信很多人都遇到过，然而在整个页面没有用到定位的情况下还是遇到了光标错位的问题。
Doubleu_·2019-01-22 16:24

移动端弹出软键盘导致input光标错位问题

移动端页面的定位会影响光标位置，相信很多人都遇到过，然而在整个页面没有用到定位的情况下还是遇到了光标错位的问题。
Doubleu_·2019-01-22 16:24

微信内置浏览器下的问题

但是很多移动端页面的开发都是使用rem作为单位的，字体大小改变以后，会出现页面布局错乱的情况，因此希望能够禁止微信的字体放大功能，下面是通过查找资料找到的一些解决方法。
a_weirdo·2019-01-17 16:05

CSS深入浅出-移动端页面(响应式)

本博客主要讲移动端页面(响应式)的注意点"mediaquery"媒体查询媒体查询是对你的媒体进行某些条件的查询格式：里直接写@media(查询条件){//当满足查询条件后的样式//例如：body{background
酒极子·2019-01-17 15:12

fastclick.js对input的点击失效！

在引用fastclick.js来对移动端页面消除300ms的延迟，但是在书写表单时，点击type='text'的input没有效果，有时有可能可以点击，但是大多数input是无法点击的，在去掉fastclick.js
liu__software·2019-01-16 15:53

CSS-移动端页面（响应式）

媒体查询创建一个服务器永远不要用file协议。npmi-ghttp-server之后在文件夹下运行http-server-c-1电脑、纸张、都是媒体，媒体查询就是对你的媒体进行条件的查询。例子：如果某个媒体宽度在0-800之间，就应用body样式。满足条件就生效，不满足条件就不生效。media的语法：@media(max-width:800px){body{background:red;}}代码示
学的会的前端·2019-01-15 13:17

如何用Nginx解决前端跨域问题

不过这种方式开发PC页面到还好，如果是移动端页面就不行了。解决办法使用Nginx转发请求。把跨域的接口写成调本域的接口，然后将这些接口转发到真正的请求地址。举个栗子例
海角在眼前·2019-01-15 08:09

如何用Nginx解决前端跨域问题？

不过这种方式开发PC页面到还好，如果是移动端页面就不行了。解决办法使用Nginx转发请求。把跨域的接口写成调本域的接口，然后将这些接口转发到真正的请求地址。举个栗子例
weixin_30485379·2019-01-15 00:00

如何用Nginx解决前端跨域问题？

不过这种方式开发PC页面到还好，如果是移动端页面就不行了。解决办法使用Nginx转发请求。把跨域的接口写成调本域的接口，然后将这些接口转发到真正的请求地址。举个栗子例
海角在眼前·2019-01-15 00:00

WEB前端开发工程师 年终福利（六、逻辑问答）

主要技术：利用div+css布局，对用户注册页面开发，利用ajax技术与后台进行数据交互，使用Validation插件进行表单验证；使用bootstrap/zepto框架开发移动端页面，解决移动端设备的适配问题
吴佳浩·2019-01-09 12:30

WEB前端开发工程师 年终福利（六、逻辑问答）

主要技术：利用div+css布局，对用户注册页面开发，利用ajax技术与后台进行数据交互，使用Validation插件进行表单验证；使用bootstrap/zepto框架开发移动端页面，解决移动端设备的适配问题
吴佳浩·2019-01-09 12:30

解决vue移动端适配问题

1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。
双眸·2018-12-12 08:28

解决vue移动端适配问题

1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。
_双眸·2018-12-11 23:47

Vue实现移动端左右滑动效果的方法

1.最近得到一个新需求，需要在Vue项目的移动端页面上加上左右滑动效果，在网上查阅资料，最终锁定了vue-touch2.下载vue-touch（https://github.com/vuejs/vue-touch
daozun·2018-11-27 09:06

html5移动端页面适配方案分析

文章目录html5移动端适配前言vw适配方法zoom适配方法手淘flexible.js方法小结html5移动端适配前言一直以来移动端适配问题困扰着众多前端开发者，因为众多移动端设备的分辨率不尽相同，导致做到完美适配十分困难，以下方法均为本人在项目开发中所采用的，并且能满足正常的开发需求，现在归纳总结一下，供各位参考。vw适配方法此方法使得任何页面在不同分辨率设备，所显示的内容均为一样，相当于等比例
jiang_fulai·2018-11-20 16:26

详解CSS 去掉inline-block元素间隙的几种方法

最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。
LINJIAJUN·2018-11-13 16:54

Vue实现移动端页面切换效果【推荐】

在子页面把整个页面做绝对定位，覆盖整个屏幕，子父页面将router-view用transition套起来，并加上过渡动画就可以啦。代码：Document*{padding:0;margin:0;}html,body,#app{width:100%;height:100%;}.one{height:100%;background-color:yellow;}.two{background-color
wenr·2018-11-13 08:22

2018移动端页面开发流程

移动端页面布局一、移动端app分类1、NativeApp原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，ios系统用的是object-C2、HybridApp混合型
czboy_·2018-11-10 20:06

再聊移动端页面适配，rem和vw适配方案！

现在回过头来看，感觉自己以前写复杂了，其实道理很简单；就是利用vw，rem随屏幕，或者跟字体正比变化的特性；1.就是开发的时候用的750设计稿的尺寸；单位是px；2.然后编译工具，如postcss会自动将px单位转成对应rem和vw单位；3.如果是vw很好转转行，比如写的40px；40/750vw就完了；4.如果是rem就多一步罢了；要用js计算出根字体大小，并设置给html；正常是375，16p
会会会会·2018-10-30 18:02

移动端适配的总结

说起移动端页面也是老生常谈了，最近正好在做金融商城移动端的开发，正好梳理下这一块的知识点，提炼和总结。
Sherlock09·2018-10-23 18:00

移动端页面踩坑合集

上周接的一个移动端的活动，那是一踩一个坑啊，在chrome和模拟器上调试没问题，但是你万万想不到，手机的型号怎么这么多，做好各设备的兼容将是各前端er的重要使命，且任重而道远。一、自适应布局在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport,通读网上的各种对于viewport的解释之后大概viewport可以理解为三种1、layoutviewport,也就是这个浏览器
Doubleu_·2018-10-22 11:46

H5移动端页面适配解决方案vw

前言目前的移动端页面适配解决方案中，以前比较主流的是使用淘宝的Flexible，虽然已经比较成熟的方案，但是还存在一些问题，所有又出现了现在比较流行的vw适配方案。
独孤久见·2018-10-19 17:47

移动端页面点击穿透问题

一、click与300ms延迟移动端浏览器提供了一个特殊的功能：双击放大300ms的延迟就是来自于这里，用户碰触页面之后，需要等待一段时间来判断是不是双击（doubletap）动作，而不是立即响应单击（click）,等待的这段时间大约是300ms。之前有过简单介绍（黯羽轻扬：HTML5触摸事件）移动事件提供了touchstart、touchmove、touchend却没有提供tap支持，主流框架（
廊桥梦醉·2018-10-15 18:37

MUI实现区域滚动

移动端页面区域滚动的实现基于MUI引入相关包HTML结构初始化区域滚动mui('.mui-scroll-wrapper').scroll({scrollY:true,//是否竖向滚动scrollX:false
KingDragon_Baron·2018-10-14 22:46

rem, vw, 还是...? 各凭本事的移动端适配方案

前言2018年最后的法定假期都已经结束了，我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案，(没了解过的同学可以参见大漠老师的这两篇文章使用
weixin_34310785·2018-10-14 12:36

rem, vw, 还是...? 各凭本事的移动端适配方案

前言2018年最后的法定假期都已经结束了，我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案，(没了解过的同学可以参见大漠老师的这两篇文章使用
pandaGao·2018-10-14 00:00

iframe在移动端的缩放的示例代码

在后端落地时发现在在移动端页面显示不太对劲，显得很模糊。第一想法是meta的头部被覆盖了，查看源代码果然发现是被覆盖了。
dulmcat·2018-10-12 15:10

Vue制作固定定位图标滑动隐藏效果

写在前面移动端页面，有时候会出现一些固定定位在底部图标，比如购物车等。这时候如果添加一个滑动页面，图标透明度变低，同时移动到屏幕边进行隐藏，效果如下。
Yuhoo·2018-09-27 15:23

聊聊移动端3种适配方式

2007年第一代iPhone的发布，整个世界全面迎来了智能机时代，移动端页面也随即兴起，问题也随即出现了，移动端上如何去展示用户所需的内容啦，下面我们就来聊聊前端重中之中的移动端一，metaviewport
Rainism_140d·2018-09-07 09:04

移动设备分辨率（终于弄懂了为什么移动端设计稿总是640px和750px）

在我开始写移动端页面至今，一直有2个疑问困扰着我，我只知道结果但不知道为什么问题1：为什么设计师给的设计稿总是640px或750px（现在一般以Phone6为基准，给的750px）问题2：为什么我们拿到
你不知道的巨蟹·2018-09-06 11:00

关于浏览器回退默认行为的研究 回退保存页面状态

缘起：最近在研究移动端的页面研发工作，由于之前从来没有专业开发过移动端页面，所以在开发过程中，可以说是处处有精彩，处处有收获.最让我意外的是，浏览器页面回退问题就是个头疼的问题.需求：我们的需求是，在a
MachealChen·2018-08-31 23:41
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他