移动端web

手机端移动端WEB资源整合

meta基础知识**H5页面窗口自动调整到设备宽度，并禁止用户缩放页面**忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewport模板viewport常见模板标题这里开始内容viewport模板–target-densit
逍遥至尊灬寳·2020-01-08 03:10

视频音频处理及Canvas

1.使用video和source搭配来解决视频格式的兼容性问题，如果都不支持，可以在video里面写上提示语您的浏览器不支持播放该视频格式2.video支持的视频格式MP4-目前比较主流OGG-多用于移动端
Alone灬旅途·2020-01-07 09:58

IT兄弟会全栈工程师01班第9课笔记

本课重点：学习使用jQueryMobile前端框架来写移动端WebApp静态页面。jQueryMobile是创建移动web应用程序的轻量级框架。
疯范儿·2020-01-06 00:55

移动端web开发技巧

META相关1.添加到主屏后的标题（IOS）2.启用WebApp全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）3.百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它：百度SiteApp转码声明4.设置状态栏的背景颜色（IOS）设置状态栏的背景颜色
老夫的天·2020-01-03 22:34

2016年度 JavaScript 展望（下）

【编者按】本文作者为资深Web开发者TJVanToll,TJ专注于移动端Web应用及其性能，是《jQueryUI实践》一书的作者。本文系OneAPM工程师编译呈现，以下为正文的第二部分。
老夫的天·2020-01-03 17:55

移动端web网页的css重置

做网页自适应或移动端web页面开发时，总是被浏览器默认自带的样式折腾的死去活来，然后你就想将他们重置成常规默认设置，然后自定义样式。
恬雅过客·2020-01-03 06:33

金融壹账通前端H5技术周报(第一期)

点击穿透一直是移动端web开发的巨坑，理解成因，才能从容面对。文末再奉献两个精彩h5效果，欢迎赏鉴原创专题1)敲黑板！
小虫巨蟹·2020-01-03 03:29

移动端Web页面适配浅析

title:移动端Web页面适配浅析date:2018-01-3116:38:01tags:移动端适配移动端Web页面适配浅析以前对移动端Web适配的原理一头雾水，对于几个概念dpr、ppi、viewport
豆板儿·2020-01-02 05:20

【转】倾力总结40条常见的移动端Web页面问题解决方案

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960*640分辨率，在网页里只显示了480*320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的
陈大冲·2019-12-31 14:08

Dhybird框架总览

一、Dhybird简介Dhybird是一款移动端WebRuntime的跨平台开发方案，支持基于HTML5和Javascript创建类似于移动端原生应用。
小鱼游儿·2019-12-30 23:00

移动端适配方案

移动端适配方案：1）viewport（scale=1/dpr）2）rem3）flex4）vm/vh一、什么是移动端适配移动端Web页面，即常说的H5页面、手机页面、webview页面；手机设备屏幕尺寸不一
puxiaotaoc·2019-12-29 06:02

推酷《编程狂人》第一六八期

我眼中的JavaScript函数式编程前端工程与性能优化CSS布局十八般武艺都在这里了移动端Web页面适配方案深入浅出Redux的设计思想前端面试指南移动开发VUE全家桶，vue2-vue-router-vuex-axios
推酷·2019-12-28 02:31

移动端web开发技巧

这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。META相关1.添加到主屏后的标题（IOS）2.启用WebApp全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）3.百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它
泡芙小姐110·2019-12-27 21:21

移动端浏览器前端优化策略

相对于桌面端浏览器，移动端Web浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的HTML5和CSS3特性、需要与Native应用交互等。
一本书一段情宁缺毋滥·2019-12-27 08:24

meta标签

我现将前端页面开发经常用到的meta标签内容整理成文，加入了移动端web开发meta信息，供需要时查阅。1、申明文档使用的字符编码或该meta标签定义了HTML页面所使用的字符集为
一小志·2019-12-25 20:14

appium通过chromedriver驱动webview

Appium1.0以上将selenium的client类库封装到其中，可以直接去操作移动端webview。
萧十一郎456·2019-12-23 22:02

移动端webapp，在进入某页面后，input框自动获取焦点并弹出数字键盘

“前端小记”---------****************紧急更新********************最近收到好多反馈，通过多种机型、系统的测试和了解，发现了一些东西，拿出来和大家分享一下。据我目前测试得知，如果没有通过某种用户交互，手机不会（触发软键盘弹起）。非用户交互的当下触发focus，但设置另一个元素的onClick事件，就能把focus事件带起来。意思就是，用户进入页面后，必须有
K丶Aionro·2019-12-21 01:33

移动端web前端开发

移动端浏览器现状视口meta视口标签二倍图移动端主流方案移动端技术解决方案移动端常见布局1.流式布局(百分比布局)2.flex布局3.rem适配布局1）rem单位2）媒体查询3）less4）rem适配方案5）案例16）案例2移动端浏览器现状：国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，兼容移动端主浏览器，处理Webkit内核浏览器即可。移动端屏幕尺
royal6·2019-12-20 20:00

移动端Web App自适应布局探索与总结

1、困扰多时的问题在这之前做WebApp开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640*1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的多倍图、基础字体大小、图标宽高。这样做的弊端很明显：做出来的页面在各种手机端看起来的物理大小（高度
阿根廷斗牛·2019-12-17 21:49

react,react-router 4,mobx构建我的移动端web

这几天终于在空余时间把我pc网站的极客教程做了一个简洁的移动web，做得比较简单，看看效果图:image.png,暂时只有看文章的功能，其余的慢慢的再加。做这个的目的主要是想学习下react相关技术栈的更新。1.开始克隆我github上的代码:gitclonehttps://github.com/cllgeek/geekjc-antd-mobile.git然后cdgeekjc-antd-mobil
极客教程·2019-12-15 09:55

vue2.0移动端触摸反馈指令

Vuev2.0自定义指令顾名思义，这个是为vue移动端web项目打造的触摸反馈指令，高度模拟App反馈效果；比如点击一个按钮会有样式反馈;默认是透明度的变化反馈，当然你也可以自定义样式；Github##
昨天之前·2019-12-14 18:35

移动端rem布局

阿里高清解决方案(仅适用于移动端web)压缩代码：!
qsister·2019-12-13 08:37

移动端Web页面适配方案（整理版）

@(概述)[基本概念|百分比|rem|vw/vh|响应式设计]移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得web页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题
jluemmmm·2019-12-13 05:54

【umi插件开发】控制台二维码

前言在进行移动端webapp开发时，你是否会想要在真机上调试项目。下面分析一下本地运行项目时，真机调试需要的步骤和麻烦的点。你需要将手机和运行项目的电脑连接到同一局域网（连接同一个WiFi即可）。
广州芦苇科技web前端·2019-12-08 03:51

移动端web网页的meta设置

为了让手机网页有更好的体验，需要重置一些meta。代码1.使用特殊链接：如果你关闭自动识别后，又希望某些电话号码能够链接到iPhone的拨号功能，那么可以通过这样来声明电话链接打电话给我发短信或用于单元格：2.自动大写与自动修正：要关闭这两项功能，可以通过autocapitalize与autocorrect这两个选项：参考：关于meta知多少手机端页面开发心得（1）——meta设置移动前端头部标签
恬雅过客·2019-12-01 14:38

本地代码运行在移动真机上-移动端web-charles

写在前面作者地址目的：将本地代码运行在移动真机上随着智能机的普及，移动端开发的需求越来越多。很多公司为了节省成本，App会采取混合开发，一些变动频繁的页面，会采取webview技术。而且微信公众号页面的开发也基本上使用的传统的前端技术，但是它们有个共同的槽点，就是真机调试会比较麻烦。我们在开发阶段，本地调试的时候，将代码产生的效果，实时的反应在真机上呢。本篇文章就是介绍如何使用mac的SSS+级抓
范哲文·2019-11-30 14:09

微信JSSDK分享图标在IOS不显示的处理

用微信JSSDK开发了一个移动端WEB应用，其中分享到微信功能的标题，简介和缩略图在安卓下都正常，但是在苹果手机上无法显示分享的缩略图，而是默认的灰色别针。
殊麒·2019-11-29 17:49

移动端web头部meta设置

documenttitlesegmentfault的文章，整理的很细，点击查看
梵天wwlsky·2019-11-29 02:54

协助川做后台

但后来主任还是把项目给了川，可能考虑到川做过移动端web，恰好本系统也用得到。项目赶得急，所以在25号前就拿出一个初步的版本让甲方看看。八月份我们办公室还要外出旅游一周，所以工期提前了。
大洪·2019-11-28 07:18

H5玩法知多少

html5的发布让移动端web增添了很多新的能力，这些能力给我们带来了很多新的玩法，不知你知道了多少呢？下面我将结合案例罗列一些自H5发布以来出现的新玩法，给大家温故而知新。
jasonxxp·2019-11-05 04:26

viewport、像素、分辨率

移动端web所遇屏幕适配问题：这一行代码告诉浏览器，布局视口的宽度应该与理想视口的宽度一致，可以让网页的宽度自动适应手机屏幕的宽度，利用浏览器自身缩放完成适配作用：该meta标签的作用是让当前viewport
2016_18点·2019-11-05 01:47

浅谈前端性能优化（移动端）

但移动端可用的CPU资源和网络资源极为有限，因此要做好移动端web上的优化往往需要考虑做更多的事情。首先在移动web的前端页面渲染中，PC的优化规则同样适用，此外针对浏览器也要做一
_萌新·2019-10-31 00:04

第三次博客作业——原型设计

目录一、对比原型设计工具a)墨刀b)AxureRPc)Mockplus二、需求分析1.选题：社团管理三、原型设计移动端web端四、总结这个作业属于哪个课程转到这个作业要求在哪里转到这个作业的目标熟悉常用的原型设计工具
EstelleAils·2019-09-26 22:00

移动端WebApp隐藏地址栏的方法

1、很多资料说，添加以下代码,可以隐藏地址栏，但我试了很多次，貌似不成功啊。复制代码代码如下:2、我们可以通过另一种方法来隐藏地址栏。在页面加载完成之后滚动窗口，这个确实有效，唯一要注意的是页面高度必须够高，核心代码如下:复制代码代码如下:addEventListener("load",function(){setTimeout(hideURLbar,0);},false);functionhid
·2019-09-25 03:07

spy-debugger 微信网页调试工具(非官方) | 页面调试+抓包

远程调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，无需USB连接设备。
ganggang4321·2019-09-24 13:00

完美解决input[type=number]无法显示非数字字符的问题

在移动端webview实现的页面中，有数字的地方必须使用inputtype="number"类型的input，否则触发后的键盘为全键盘，而非数字键盘。
·2019-09-24 11:50

使用JS获取当前地理位置方法汇总

今年的项目开发中，初步接触了移动端WEB开发，也就边学习HTML5边开发，主要使用了JQueryMobile技术，发现这个不适合做互联网产品，大部分样式都需要重写，只用了部分功能。
·2019-09-23 20:22

移动端web开发

1、移动web开发（pc端的页面用手机浏览器开）这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性2、webapp开发（web应用程序）特指的是用html5技术开发，之所以叫webapp是因为他比较接近客户端
初見驚鴻·2019-09-10 19:34

H5与原生app交互 JsBridge

h5与原生app交互的原理现在移动端web应用，很多时候都需要与原生app进行交互、沟通（运行在webview中），比如微信的jssdk，通过window.wx对象调用一些原生app的功能。
weixin_30332705·2019-08-05 10:00

Google_PWA_ServiceWork_渐进式 Web 应用_给应用提供离线体验

前言：今天结识了googlePWA提供的一个对移动端Web应用提供离线体验的一个功能，感觉很有用。我这里不分享自己的写法和代码。官网文档说的很详细，直接粘过来大家看吧。
深入学习ing·2019-08-01 19:00

vorlon.js+fiddler调试移动端web

一、安装vorlon.js这里跳过npm和fiddler安装过程npminstallvorlon-g二、运行vorlon三、打开vorlon界面在PC浏览器输入http://localhost:1337，出现下面界面，完成vorlon安装和运行啦！四、调试场景和应用场景：手机访问项目某网页应用：在pc浏览器vorlon界面上调试手机访问的网页五、准备工作在项目静态页面中引入vorlon.js，引入
Antoinette_Xiao·2019-07-22 18:01

Android调试移动端webview

尝试了各种Mac版本的安卓模拟器，包括AndroidStudio、Genymotion以及国内的网易MuMu、夜神、蓝叠、腾讯手游助手，做的最好的是AndroidStudio，最难上手的也是AndroidStudio。AndroidStudio有两种架构类型的镜像可选，分别是x86和arm，安装arm架构的镜像，非常卡，没法用，x86的镜像很流畅，只能用来调试基于x86架构的App其它几个从安装到
wangmeijian·2019-07-21 11:00

iPhone调试移动端webview

一、模拟器调试1、启动Xcode2、选择菜单Xcode-OpenDeveloperTool-Simulator3、启动Simulator后，选择Simulator菜单Hardware-Device-iOS12.x-再选择需要的手机/iPad型号4、安装App，直接拖放App安装包到Simulator屏幕上，等待自动安装结束。5、在App内访问开发环境，打开电脑端Safari浏览器，选择菜单：开发-
wangmeijian·2019-07-20 11:00

jQuery Mobile（一）—入门

jQueryMobile简介jQueryMobile是一个用于创建移动端web应用的的前端框架。
chibimarukochan·2019-06-26 10:36

jQuery Mobile（一）—入门

jQueryMobile简介jQueryMobile是一个用于创建移动端web应用的的前端框架。
chibimarukochan·2019-06-26 10:36

关于移动端web的布局（一）——百分比布局

什么是流式布局里面的内容随着屏幕的大小，从而向两处填充。页面布局的时候都是通过百分比来定义宽度，内容向两处填充整体就像流动的液体一样。viewport简单的理解就是用户网页的可视区域（视口）。它是一个虚拟的区域，用来承载网页。打个比方"一张很大的相片需要放入小型的相框中，相框放不下，所以需要等比缩放照片"而viewport就相当于一个虚拟的区域去缩放照片然后放到浏览器中。至于viewport更多的
Asam_sir·2019-06-25 09:43

上周热点回顾（6.17-6.23）

热点随笔：·升维打击，设计之道（Artech）·借助FreeHttp为任意移动端web网页添加vConsole调试（lulianqi15）·你为什么有那么多时间写博客？
博客园团队·2019-06-24 09:00

借助FreeHttp为任意移动端web网页添加vConsole调试

以下介绍在不用修改代码并发布项目的情况下，为我们日常使用的移动web应用（如手机web淘宝）添加vConsole调试工具的方法vConsole介绍vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。使用vConsole的项目可以让手机上的Web浏览器，拥有类似PC调试工具的能力。正常情况下使用vConsole需要修改项目代码并重新发布。vConsole官方介绍（https://g
lulianqi15·2019-06-19 19:00

【vue】webapp移动端模板

先说下这套模板的项目配置，主要使用vw适配移动端webpack+vue+vue-router+axios+mint-ui+sass+postcss+normalize.css具体依赖懒得打字了，直接贴pacage.json
不想写代码的码农·2019-06-14 17:59

Vue+Node+高德地图+Echart做一款出行可视化全栈webapp

咔咔出行（出行可视化）项目简介解决出行问题，用于出行行程记录，路线规划，数据可视化分析的移动端webapp点击这里查看该项目项目截图私人出行公共交通历史列表我的信息技术栈前端：移动端，vue全家桶，Mand
小健·2019-06-08 00:00
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他