欢迎各位兄弟 发布技术文章

这里的技术是共享的

wap

手机web开发:使用Opera Dragonfly远程调试Opera Mobile页面

零散的学了些关于移动前端的东西,晚上生病好多了,爬起来写写。

平时我也不常用Opera的Dragonfly,基本上都是用Firebug,Chrome、IE 的developer tools。Dragonfly除了有其它调试工具的基本功能之外,还有一个很有用的功能--远程调试,这个对于手机web开发来说,是非常有实用的强大工具。

手机web前端调试页面的几种方式

前言

PC端web页面调试比较容易,这里主要说几种移动端调试的方法,从简单到复杂、从模拟调试到远程调试,大概分为几部分:

如何实用便捷的在本地真机调试WEB端HTML5网页

如何实用便捷的在本地真机调试WEB端HTML5网页

如何在移动设备上调试html5开发的网页

    移动设备上调试html5开发的网页,可以使用

移动端前端开发调试

通过移动端使用 Web 服务的比率越来越大,例如淘宝今年双十一,移动端交易份额就达到 42.6%

移动端 Web 网页调试技巧

原文出处: 盛瀚钦   

远程实时调试手机上的web页面

1.

移动浏览器上该怎么调试页面

如何用手机测试自己写的web页面

作者:知乎用户链接:https://www.zhihu.com/question/37361845/answer/71674280 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp。

手机端web页调试方法总结(一) 有大用 手机端web页调试方法总结(二) 有大用 有大用

1)手机要开启 usb 开发者模式 2)好像电脑要翻墙

移动端网站页面调试的一些经验分享

把静态资源指向到本地

Mobile 越来越重要,Hybrid App 越来越流行,在手机上进行网页的调试却并不像电脑上那么容易。大约半年前,我开始转向 Mobile Web 的开发,在调试方面做了不少的尝试,近期慢慢分享给大家。

远程实时调试手机上的Web页面

远程实时调试手机上的Web页面

怎么在移动端调试web前端?

18 个回答

手机上下翻页特效

谷歌 "html5上下翻页"

js+html5+css3实现的滑动下拉刷新效果实例

本文我们来实现一个用 js + html5 + css3 实现在移动端滑动下拉就刷新数据的效果,有点类型于淘宝手机站,本文有源代码,感兴趣的朋友可以参考一下。

今天想说的是如何自己操刀做一个js的下拉刷新(js + h5 + css3)。既然是下拉,那么应用场景当然就是在手持设备上。在JavaScript的世界里,总是跟很多实用又华丽丽的效果接轨,这是一门很有色彩的编程语言。目前网络上也有很多非常优秀的js滑动插件,比如iscroll(最开始我们就是用这款插件,真心很好用,而且解决了很多html的问题)。

HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)

HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。

swipe 手机 滑动 滚动 幻灯片 这个插件基本上是手机通用的 有大用

我自已做的  (一)在手机站苏州服装学校上可以看到 (二)见示例 swipe.zip 这个示例是根据下面的的网址下载来的

手机 wap网页的meta信息

在手机版网站中需要添加的几种Meta标签

在制作手机版网站的时候,除了留意页面简洁、操作方便等访问者可以看到的地方以外,还有一些浏览者看不到而搜索引擎或者其它机器设备可以看到的信息需要留意,例如HTML源代码中的Meta标签,合理设置这些地方对手机版网站的搜索引擎优化、手机浏览器的渲染展示都有帮助作用。

phonegap 运行效率与用户体验如何?

chrome 开发者工具 几个搜索

adb server is out of date. killing...

发送短信代码 有大用

发短信代码 sms 有大用

phoneGap 移动应用开发基础2 宁皓网

安装了 node.js 以后,我们就可以系统的命令行工具去执行 npm 命令了。npm 可以打包,管理,安装,发布 node 程序,我们需要用到它来安装 PhoneGap。

响应式设计学习 再一次学 宁皓网2

操作符可以连接媒体类型,还有媒体查询的表达式,比如我们可以把不同的媒体查询表达式组合在一起,使用操作符我们可以创建更复杂的媒体查询。 操作符可以是 and ,也就是 与 … 使用 and 连接的不同的表达式,只有在所有表达式都返回真值的时候,才会触发媒体查询设计的样式 .. 下面我们来试一下这个 and 操作符 .. 在网页的样式里输入 @media (){} 在这个媒体查询里,我们可以使用 and … 连接媒体类型和媒体查询的表达式 … 先输入媒体类型 … 这里我们用 screen … 表示屏幕设备 … 中间加上一个 and 操作符 … 在小括号里输入 min-width: 480px … 然后在大括号里再输入点样式 … body{ background:#27ae60; } 这个媒体查询的意思就是,如果媒体类型是 screen … 比如电脑,智能 手机,平板等等 … 同时可视窗口要大于等于 480px … 只有同时满足这两个条件 … 才会应用在后面的大括号里设计的 CSS 样式 … 也就是背景颜色会变成 xx … 保存一下 … 打开浏览器 …

android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法

android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法

响应式设计学习 再一次学 宁皓网

现在用户浏览网页的设备越来越复杂,大尺寸的电脑屏幕,平板,智能手机等等 … 以前我们只针对大尺寸屏幕做设计,已经不在适合现在的情况了。 我们需要让设计在不同尺寸的设备上做出不同的响应 … 让用户不管使用什么样的设备来访问我们的网站,都有一个很好的体验。 这就是响应式的设计 … 英文是 Responsive Web Design … 可以简称为 RWD … 内容 这个课程的开始,我们先了解一下什么是响应式的设计,学习几个真正的响应式设计的网站 .... 再了解几个基本的概念 ... 比如 viewport 可视窗口 ,什么是 viewport ... 为什么会有 viewport ,还有怎么样去手工的设置这个 viewport ... 然后我们会去学习响应式设计里最重要的 media query,媒体查询 .... 在页面上应用 media query 的方法 ... 了解几个 media query 媒体特性 ... 比如去判断设备的宽度,高度 ... 可视窗口的宽度,高度,还有设备的使用方向 .... 分辨率等等 ..... 我们还要学习使用操作符来创建复杂的媒体查询 ....
同步内容
唯物品评历史

关注"唯物品评历史",跟着泪痕春雨先生,读懂历史,看彻人生

打开隐藏二维码