blog.allenm.me

Allen.M成长的路 - 冷静的思考是解决问题的最佳方式

Mobile Web 调试指南 2 远程调试. 在使用桌面浏览器开发时，几乎每种浏览器都有自己的开发者工具，比如大家常用的 firebug , chrome develper tools , safari developer tools . 哪怕是 IE 甚至 IE6，也有自己的开发者工具。我们利用这些工具来检查调试样式、javascript，查看修改 cookie , 查看网络请求等等。手机端的浏览器或者 webview 不可能在手机上集成一个 developer tools ，因为屏幕太小。在手机里找到设置 - safari - 高级 - Web 检查器，打开此功能。用数据线连接到你的 Mac 没有 Mac? 打开 Mac 下的 safari , 到偏好设置里，高级一栏最下部，勾选在菜单栏中显示开发菜单. 用手机 safari 访问一个网页，在Mac上的 safari 开发菜单里找到你的手机，二级菜单里找到这个网页. 做完这些，我们就进入了熟悉的 safari developer tools ，调试 css , js 网络请求等。开启 Android 的 USB 调试功能。

http://blog.allenm.me/

OVERVIEW OF blog.allenm.me

TRAFFIC RANK

>1,000,000

REVIEWS

0

PAGES IN THIS WEBSITE

20

LINKS TO THIS WEBSITE

CONTACTS

ADDRESSES

SOCIAL LINKS

ONLINE SINCE

WEBSITE DETAILS

SEO

PAGES

SIMILAR SITES

TRAFFIC RANK FOR BLOG.ALLENM.ME

TODAY'S RATING

>1,000,000

TRAFFIC RANK - AVERAGE PER MONTH

BEST MONTH

April

AVERAGE PER DAY Of THE WEEK

HIGHEST TRAFFIC ON

Wednesday

TRAFFIC BY CITY

Sign up

CUSTOMER REVIEWS

Average Rating: 3.7 out of 5 with 14 reviews

5 star

6

4 star

2

3 star

4

2 star

0

1 star

2

Hey there! Start your review of blog.allenm.me

AVERAGE USER RATING

Write a Review

WEBSITE PREVIEW

LOAD TIME

3.2 seconds

FAVICON PREVIEW

16x16
32x32
64x64
128x128

CONTACTS AT BLOG.ALLENM.ME

ADD CONTACT

Login

TO VIEW CONTACTS

Remove Contacts

FOR PRIVACY ISSUES

CONTENT

PAGES IN
THIS WEBSITE

20

SSL

EXTERNAL LINKS

4

SITE IP

173.255.208.17

LOAD TIME

3.199 sec

SCORE

6.2

PAGE TITLE

Allen.M成长的路 - 冷静的思考是解决问题的最佳方式 | blog.allenm.me Reviews

<META> DESCRIPTION

Mobile Web 调试指南 2 远程调试. 在使用桌面浏览器开发时，几乎每种浏览器都有自己的开发者工具，比如大家常用的 firebug , chrome develper tools , safari developer tools . 哪怕是 IE 甚至 IE6，也有自己的开发者工具。我们利用这些工具来检查调试样式、javascript，查看修改 cookie , 查看网络请求等等。手机端的浏览器或者 webview 不可能在手机上集成一个 developer tools ，因为屏幕太小。在手机里找到设置 - safari - 高级 - Web 检查器，打开此功能。用数据线连接到你的 Mac 没有 Mac? 打开 Mac 下的 safari , 到偏好设置里，高级一栏最下部，勾选在菜单栏中显示开发菜单. 用手机 safari 访问一个网页，在Mac上的 safari 开发菜单里找到你的手机，二级菜单里找到这个网页. 做完这些，我们就进入了熟悉的 safari developer tools ，调试 css , js 网络请求等。开启 Android 的 USB 调试功能。

<META> KEYWORDS

1 allenm成长的路

2 冷静的思考是解决问题的最佳方式

3 skip to content

4 about me

5 这篇文章我们继续讲目前常用的几种 developer tools

6 pc 端的经验

7 这些大家都非常熟悉了

8 移动端的方案

9 好在各大厂商还是很关注开发者的便利性的，现在有多种远程调试的方案

10 也就是在手机上加载页面，在电脑上来展示调试工具

CONTENT

Page content here

KEYWORDS ON PAGE

allenm成长的路,冷静的思考是解决问题的最佳方式,skip to content,about me,这篇文章我们继续讲目前常用的几种 developer tools,pc 端的经验,这些大家都非常熟悉了,移动端的方案,好在各大厂商还是很关注开发者的便利性的，现在有多种远程调试的方案,也就是在手机上加载页面，在电脑上来展示调试工具,下面我们看看目前主流的一些工具,ios 平台,safari mobile,safari 支持远程调试，需要做如下的几步,找老板要去,ios webview,其他方式,进行交流

SERVER

Apache/2.2.22 (Ubuntu)

POWERED BY

PHP/5.3.10-1ubuntu3.23

CONTENT-TYPE

utf-8

GOOGLE PREVIEW

Allen.M成长的路 - 冷静的思考是解决问题的最佳方式 | blog.allenm.me Reviews

https://blog.allenm.me

Mobile Web 调试指南 2 远程调试. 在使用桌面浏览器开发时，几乎每种浏览器都有自己的开发者工具，比如大家常用的 firebug , chrome develper tools , safari developer tools . 哪怕是 IE 甚至 IE6，也有自己的开发者工具。我们利用这些工具来检查调试样式、javascript，查看修改 cookie , 查看网络请求等等。手机端的浏览器或者 webview 不可能在手机上集成一个 developer tools ，因为屏幕太小。在手机里找到设置 - safari - 高级 - Web 检查器，打开此功能。用数据线连接到你的 Mac 没有 Mac? 打开 Mac 下的 safari , 到偏好设置里，高级一栏最下部，勾选在菜单栏中显示开发菜单. 用手机 safari 访问一个网页，在Mac上的 safari 开发菜单里找到你的手机，二级菜单里找到这个网页. 做完这些，我们就进入了熟悉的 safari developer tools ，调试 css , js 网络请求等。开启 Android 的 USB 调试功能。

INTERNAL PAGES

blog.allenm.me

1

Javascript API alfred workflow – Allen.M成长的路

http://blog.allenm.me/2013/03/javascript-api-alfred-workflow

2013 年 03 月 28 日. 2013 年 03 月 28 日. Javascript API alfred workflow. 是 Mac 下的一个提升效率的软件，可以搜索应用，搜索文件，使用的是 spotlight 的索引，所以非常快。这里要说的是它的 workflow 功能，可以自己写代码去处理输入的 keywords ,然后指定打开某个 URL ，或者执行某个命令，打开某个文件等等等等。 Http:/ www.alfredworkflow.com/. 这个地方有很多 Alfred workflow ，这个社区还不够成熟，找东西还不是那么方便，有耐心的话，你不妨去这里淘淘。前两天晚上，我一边摸索，一边写，做了一个查找 Javascript API 的 workflow。下载地址在这里 http:/ api.allenm.me/jsapiworkflow/jsapi-workflow.alfredworkflow. 源码托管在 Github: https:/ github.com/allenm/jsapi-workflow. 欢迎 fork , 欢迎 pull request .

2

Mobile Web 调试指南（1）–– 把静态资源指向到本地 – Allen.M成长的路

http://blog.allenm.me/2014/05/mobile-web-debug-guide-1

2014 年 05 月 07 日. 2014 年 05 月 07 日. Mobile Web 调试指南 1 把静态资源指向到本地. Mobile 越来越重要，Hybrid App 越来越流行，在手机上进行网页的调试却并不像电脑上那么容易。大约半年前，我开始转向 Mobile Web 的开发，在调试方面做了不少的尝试，近期慢慢分享给大家。如何实现目标相信大家在做 PC Web 开发时，有接触过以下一些解决方案. 编辑本地的 hosts 文件，把静态资源的域名指向到本地，在本地搭建静态资源 HTTP 服务器，使浏览器直接载入本地的源码。使用 Fiddler 的 AutoResponder 的功能。这个方法实际上和上一个是同样的，Fiddler 是一个非常强大并且免费的 GUI 工具，很容易上手。使用模块加载器提供的 debug 功能来做线上资源到本地资源的映射，例如 seajs-debug. 在 PC 上编辑 hosts 文件的时候，大家应该注意过，在 WIN7/8 系统上，需要管理员权限，在 Mac/Linux 下，需要 root 权限。 2014 年 05 月 07 日. 也不知道现在哥们心...

3

Mobile Web 调试指南（2）–– 远程调试 – Allen.M成长的路

http://blog.allenm.me/2014/05/mobile-web-debug-guide-2

2014 年 05 月 16 日. 2014 年 05 月 16 日. Mobile Web 调试指南 2 远程调试. 在使用桌面浏览器开发时，几乎每种浏览器都有自己的开发者工具，比如大家常用的 firebug , chrome develper tools , safari developer tools . 哪怕是 IE 甚至 IE6，也有自己的开发者工具。我们利用这些工具来检查调试样式、javascript，查看修改 cookie , 查看网络请求等等。手机端的浏览器或者 webview 不可能在手机上集成一个 developer tools ，因为屏幕太小。在手机里找到设置 - safari - 高级 - Web 检查器，打开此功能。用数据线连接到你的 Mac 没有 Mac? 打开 Mac 下的 safari , 到偏好设置里，高级一栏最下部，勾选在菜单栏中显示开发菜单. 用手机 safari 访问一个网页，在Mac上的 safari 开发菜单里找到你的手机，二级菜单里找到这个网页. IOS APP 里的 webview 同样支持远程调试，不过限制更多一点。由于我目前只接触了...

4

WEB – Allen.M成长的路

http://blog.allenm.me/category/web

There are 61 posts filed in WEB. This is page 1. 另外现在还有 sass, less, stylus, coffscript, typescript 等等预编译语言。 Continue reading →. 如果你想在 python 项目中使用 stylus. Stylus 是用 node.js 写的，所以在 nodejs 项目中集成 Stylus 是一件很方便的事情，特别是 expressjs 这样的 web framework 直接配置下就可以用了。在 expressjs 中一旦你修改了 .styl 文件，立马就会被转换成同名的 .css 文件。如果你想在 Python 项目中获得这样的特性，不妨来试试我写的一个 python package 吧: live-stylus. 由于这个 package 依赖 python stylus ，python stylus 最终是要依赖 nodejs 和 stylus node package 的，所以你还是需要安装 nodejs 和 stylus node package 的。比如国内前段时间曾经成功推广...

5

Mac – Allen.M成长的路

http://blog.allenm.me/category/mac

There is one post filed in Mac. Macbook pro 更新镁光 M4 固件. 记得当时看到 M4 的固件是有缺陷的，工作时间超过一定时间后，在 windows 就会蓝屏。 1, 在 http:/ www.crucial.com/support/firmware.aspx. 这里找到你用的型号，如果和我一样，就选择 Crucial m4 2.5-inch SSD。 2, 下载 Manual Boot File for Windows and Mac ，解压得到一个 ISO ，顺便可以看看官方的 instruction guide，有中文文档。 3，如果你的 Macbook 有光驱，身边有刻录盘 CD 或者 DVD 都可以，用 Mac 自带的磁盘工具刻录此 ISO 镜像。 5，升级固件工具会自动寻找符合条件的硬盘，中途需要手工输入一个 “yes” 进行确认，然后等待它自动升级，直到看到升级成功的提示。 Mobile Web 调试指南 2 远程调试. Mobile Web 调试指南 1 把静态资源指向到本地. Macbook pro 更新镁光 M4 固件.

UPGRADE TO PREMIUM TO VIEW 15 MORE

TOTAL PAGES IN THIS WEBSITE

20

LINKS TO THIS WEBSITE

oldj.net

不用HTML5/CSS3如何在网页上画机器猫 – oldj's blog

http://oldj.net/article/web-doraemon-without-html5-or-css3

PM 周刊第 36 期 2016-07-25 神刀安全网. 前段时间有人用 CSS3 技术在网页上画了一个机器猫. 可以用来测试各大浏览器对 CSS3 的支持程度，不用说，HTML5 /CSS3 的时代已经逐渐来临了。不过，在拥抱 HTML5/CSS3 之前，也让我来复古一番，看一看在 HTML5/CSS3 之前的时代里，如果想在网页上画机器猫该怎么做。上面这个机器猫完全是用 div 搭出来的一共用了 2010 个 div，今年是 2010 年嘛，用到的技术为 JavaScript HTML4 CSS2 ，在目前几乎所有主流浏览中都能有一致的显示，可以点击这儿查看演示. 我们知道，各大主要浏览器都支持一些可用于绘图的矢量标记语言，比如 IE Only 的 VML 以及被 Firefox 等支持的 SVG，可惜的是这些矢量标记语言一直没有一个跨浏览器的统一的标准，因而一直没有得到广泛的应用，所以长期以来，Flash 技术一直是这个领域唯一的老大。这就为 DOM 画图提出了一个优化要求如何使用尽可能少的矩形来拼成所需图形如下图所示。 DrJs 采用了另外一种设计方法，它的核心非常简单，就是...

UPGRADE TO PREMIUM TO VIEW 3 MORE

TOTAL LINKS TO THIS WEBSITE

4

OTHER SITES

blog.allengaller.com

Allen Galler

This is your very first post. Check documentation. For more info. If you get any problems when using Hexo, you can find the answer in troubleshooting. Or you can ask me on GitHub. Create a new post. Hexo new "My New Post". Deploy to remote sites. Personal Blog for Allen Galler. 主題 - NexT.Mist.

blog.allenglobalconsulting.com

Allen Global Consulting Blog | Network and Communications for Business

Allen Global Consulting Blog. Network and Communications for Business. About Allen Global Consulting. We view technology as a means to support business and financial objectives. Follow Blog via Email. Enter your email address to follow this blog and receive notifications of new posts by email. Join 123 other followers. Follow Allen Global Consulting Blog on WordPress.com. Follow us on Twitter. The Internet of Things is Having an Impact on Businesses Globally and CISCO is Responding. August 1, 2015. As an...

blog.allenhuber.com

Allen’s blog of trivial stuff

Allen’s blog of trivial stuff. Just another WordPress weblog. York Heritage / Northern Central trail update. May 22nd, 2011. Once again, Word Press wouldn’t let me the previous message…. After what seemed like weeks of rain, I finally got to walk outside again! The GPS batteries were almost dead so I preserved what was left for capturing mile marker positions. At mile marker 12 the “go to” distance back to the parking lot was something like 3.16 miles. Posted in Rail Trail Exploration. April 10th, 2011.

blog.allenice233.com

Allenice

Css3 的 flexbox 是一种新的布局方式，可以非常灵活方便的布置元素的位置，而且根据空间大小，改变子元素的宽度或高度，以最好的方式填充父元素，已达到自适应布局。 Flexbox 总共有三种语法，本文主要讲新语法, 例子运行在 chrome。 Shape-outside 则可以改变元素的形状(嘛，准确来说是改变元素的浮动区域 o o )。 ES6 新特性 Promise 和 Generator 介绍. Promise 就跟字面一样，就是承若返回结果后，一定会调用 then 方法指定的 resolve 或 reject 方法，无论 then 是在返回结果前还是返回结果后调用。 ECMAScript 6 介绍二. 接上一篇文章 ECMAScript 6 介绍一. 本篇将介绍上篇未写完的功能 Set 和 Map 数据结构 Iterator 和 forof 循环 Generator 函数 Promise 对象 Class 和 Module。本文只简单介绍 es6 有什么新的内容，详细请自行搜索或阅读 ECMAScript 6 入门. ECMAScript 6 介绍一.

blog.allenkung.com

Allen's Life

Was künstlich ist verlanst geschlossenen Raum. 前段时间看到网上疯传 Pual Graham 的 Cites and Ambition. 于是 Pual Graham 这篇文章的标题就被翻成了市井雄心，我也是因这个标题而被吸引。俗话说 lost in translation，Pual Graham 大篇幅在讲不同城市之间的不同气质，剑桥的智慧、纽约的钱、硅谷的改变世界等等，而一个市井雄心就把整篇文章的糖水部分洗白了。但是转而一想，市井是斤斤计较分厘不让的现实主义，而雄心是胸怀天下的理想主义。也许是被 Pual Graham 的高大上唬住了，如果把市井理解为小隐于市，雄心不局限于赚大钱或者改变世界，那么市井雄心这四个字还是挺靠谱的。钱谦益牧斋有学集中有一卷诗叫长干塔光集，其中收入一首长诗专讲顺治十四年丁酉，1657年冬天南京长干塔于夜间大放光芒之事。张晖师兄一直从事古籍研究工作，2013 年过世的时候年仅 36 岁，过世前不久妻子刚生了孩子，好不容易解决了房子的问题。由于 The Port Glasgow B...

blog.allenm.me

Allen.M成长的路 - 冷静的思考是解决问题的最佳方式

Mobile Web 调试指南 2 远程调试. 在使用桌面浏览器开发时，几乎每种浏览器都有自己的开发者工具，比如大家常用的 firebug , chrome develper tools , safari developer tools . 哪怕是 IE 甚至 IE6，也有自己的开发者工具。我们利用这些工具来检查调试样式、javascript，查看修改 cookie , 查看网络请求等等。手机端的浏览器或者 webview 不可能在手机上集成一个 developer tools ，因为屏幕太小。在手机里找到设置 - safari - 高级 - Web 检查器，打开此功能。用数据线连接到你的 Mac 没有 Mac? 打开 Mac 下的 safari , 到偏好设置里，高级一栏最下部，勾选在菜单栏中显示开发菜单. 用手机 safari 访问一个网页，在Mac上的 safari 开发菜单里找到你的手机，二级菜单里找到这个网页. 做完这些，我们就进入了熟悉的 safari developer tools ，调试 css , js 网络请求等。开启 Android 的 USB 调试功能。

blog.allenmackmyersmoorenation.com

Allen, Mack, Myers, Moore Nation

Allen, Mack, Myers, Moore Nation. Via @ZMyersOfficial: Get TICKETS AND VIP to my Acoustic tour! New dates announced today. Link for dates and VIP: http:/ national-acts.com/zach-myers-of-shinedown/. Via @ZMyersOfficial: Get TICKETS AND VIP to my Acoustic tour! New dates announced today. Link for dates and VIP: http:/ national-acts.com/zach-myers-of-shinedown/. Repost @fleshy1: Here it is:. Repost @fleshy1: Here it is:. Details coming at about 6pm EST #ForeverAndSeventeenTour #MackMyersMoore. Repost @flesh...

blog.allenmeilach.com

Allen's Sketch Blog

Allen's Sketch Blog. Please also visit my website www.allenmeilach.com. March 9th, 2017 by admin. March 9th, 2017 by admin. February 21st, 2017 by admin. February 20th, 2017 by admin. Life drawing 80’s themed workshop, model Rachel. January 17th, 2017 by admin. Posted in Life drawing. January 16th, 2017 by admin. January 14th, 2017 by admin. Life drawing model Julie. January 14th, 2017 by admin. Posted in Life drawing. January 12th, 2017 by admin. January 9th, 2017 by admin. Posted in Life drawing.

blog.allenmitchum.com

Allen Mitchum Official Blog

Background-color: #FFFFFF; color: #000000; }. Wednesday, November 12, 2014. Inspiration for Trophy Target Part IV: Afghanistan’s Feared Woman Warlord. Image via the BBC. As the outline for. For inspiration, I started researching the backgrounds of Afghanistan’s various warlords. My first stop was Wikipedia, which has a handy list. Afghanistan’s Feared Woman Warlord. Inspiration for the character Huma Tanin a/k/a. I did not set out to have the warlord that I knew must appear in. Be female. It wasn&#82...

blog.allenown.com

allenown's blog

張貼者： Allen Own. 張貼者： Allen Own. 張貼者： Allen Own. 找回 Google Reader 還沒看完的 "People you follow". Google Reader 這次大改版真的是搞慘大家了。身為一個知識獲取平台竟然把「分享」的功能拿掉，限定使用 Google . 但是如果要找回之前還沒看完的 "People you follow"，可以試試看這個連結. Https:/ www.google.com/reader/view/user%2F-%2Flabel%2FPeople%20you%20follow. 應該可以找到以前所有追蹤的好友 Google Reader Shared Items 的 Feed List。這樣就可以把之前還沒看完的趕快消化一下，也可以把所有人的 Feed 抓一下獨立看完。XD. 如果要匯出全部的 Feed 可以用內建的 Export 功能匯出。張貼者： Allen Own. 有關「Linux 環境下 mysql root 提權」的轉錄文. Bash; 即可取得 shell。 12303;的 shell。 Picture ...

blog.allenpearsonsphotos.com

Lenses in Bloom!

A blog about Photography and Gardening Pics and Tips! Dog and Cat Tributes. Guest Blogging / Sponsored Posts. Sunday, March 18, 2018. Have You Accepted His Gift? By Jack Graham, PowerPoint Ministries. For the wages of sin is death,. But the free gift of God is eternal life. In Christ Jesus our Lord. But God doesn’t look at our sin through human eyes. Otherwise, there would be no need for Good Friday or Easter. Jesus went to the cross to die, but now you and I go the cross to live. The gift of God is ...