在web开发的过程中,抓包.调试页面样式.查看请求头是很常用的技巧.其实在iOS开发中,这些技巧也能用(无论是模拟器还是真机),不过我们需要用到mac自带的浏览器Safari.所以,本文将讲解如何使用Safari对iOS程序中的webview进行调试. 环境信息: Mac OS X 10.10.1 Xcode 6.1.1 iOS 8.1 正文: 1. 打开模拟器(真机)的开发者模式 [设置]->[Safari]->[高级]->[Web检查器]打开 打开iphone设备中的web检查器 2

macOS系统升级之后,可能会导致Safari开发选项中没有iOS设备,进而无法运行Safari Web 调试器. 此问题的解决办法: 请转到设置>常规>重置>重置位置和隐私.现在,当您连接到以前受信任的计算机时,“信任”警报将询问您是否信任该计算机. 等待手机重置完成之后,连接mac重新信任,这个时候开发下有有iOS设备了. 在safari中:开发>设备名称>'用于开发'. 到此就可以运行Safari Web 调试器了.

转http://www.2cto.com/kf/201403/283404.html afari 前端开发调试 iOS 完美解决方案 2014-03-05      0个评论    来源:Safari 前端开发调试 iOS 完美解决方案   收藏    我要投稿 在日趋现代化的 Web 网络中,各种现代浏览器和移动终端设备的用户百分比越来越高.对于我们 Web 前端开发者来说,运行 iOS Safari 浏览器的苹果移动设备对我们来说更是不容忽视的.然而当我们需要对前端页面进行测试调试时,桌面版

原文:http://blog.jobbole.com/68606/ 原文出处: 阿伦孟的博客(@allenm ) 第一篇中讲解了如何让手机来请求我们开发电脑上的源码,做到了这步后,我们可以改完代码立即看到效果,但是对于调试还是远远不够的.这篇文章我们继续讲目前常用的几种 Developer tools. PC 端的经验 在使用桌面浏览器开发时,几乎每种浏览器都有自己的开发者工具,比如大家常用的 firebug , chrome develper tools , safari developer

在win 7 vs2013下 web 调试 出现“ iis Express Worker Process 已停止工作”错误: 如下图:   最终解决方案如下: 用管理员身份运行CMD,输入netsh winsock reset并回车(注意,必须是已管理员身份运行,这个重置LSP连接) 参考:http://bbs.csdn.net/topics/390623185

手机H5 web调试利器--WEINRE (WEb INspector REmote) 调试移动端页面,优先选择使用chrome浏览器调试,如果是hybrid形式的页面,可以使用chrome提供的chrome://inspect/#devices 安卓真机调试,不过这个要求比较高: 首先,你的 Chrome 版本必须高于 32 其次你的测试机 Android 系统高于 4.0, 再其次,测试机安装 Chrome for Android 才可以使用 Chrome 远程调试这项功能, 最后, 手机需

whistle是基于Node实现的跨平台web调试代理工具,支持windows.mac.linux等所有安装了Node的操作系统,可以部署在本地机器.虚拟机或远程服务器,并通过本地网页查看或修改HTTP.HTTPS.Websocket请求(响应)的基本信息.头部及内容等. whistle把每一类操作对应一个协议,每个修改操作抽象成一个uri,通过简单设置请求url到操作uri的对应关系,实现通过配置操作请求,支持通过扩展协议新增功能:具有配置灵活,功能强大等特点. 配置界面及操作请参考:http

引语:如今的整个Web开发行业甚至说整个软件开发行业,已经相当成熟,基本上已经很少找不到没有前人做过的东西了,或者换句话说,你想要实现的功能,你总能在某个地方搜索到答案,关键是你有没有这个时间精力去搜寻!以至于大多数的开发,其实就是一个找资料的过程,一个复制粘贴的过程,这的确也是一个可悲的现象.不过,换个角度来看,其实也挺好,现在咱们凡事都讲求一个效率问题,只要能实现功能,就甭管他复制粘贴抄袭了.问题的关键是,你得会复制.粘贴.抄袭,你得会调试你的代码啊!难道有人给了你所有的配件你就能把车子给组

原文链接:如何做一个App里的web调试小工具 我们知道现在hybrid app非常流行,在这样的app里,h5页面是应用非常广泛的.相对于以往在pc端开发的网页,放在app里的网页由于无法直接使用桌面浏览器的开发者工具,导致我们在有时候在调试的时候不知道到底报了什么错.所以我们需要一个能够在调试app内h5的调试工具,方便我们定位bug. 现在市面上已经有很多比较成熟的工具可以用,例如jsconsole.weinre,都是平常会用到的.但是我自己还是想做一个debug工具,一方面是这些调试工具

HTTP Analyzer 是一个实时的web调试代理,如果你对Fiddler不陌生的话,HTTP Analyzer 就是和Fiddler具备一样功能的调试代理. 推荐这个软件而不推荐Fiddler的原因是. 1.HTTP Analyzer支持SSL.2.HTTP Analyzer的过滤器比Fiddler要很多.(至少我是这样觉得).3.有注册码. 下载地址:http://www.ieinspector.com/httpanalyzer/download.html 注册码:icedblog883

此文已由作者夏君授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 一.fiddler简介 直接引用官网介绍 The free web debugging proxy for any browser, system or platform! fiddler是一个Web调试代理,能够支持任意浏览器.系统或平台的网络调试代理,且允许你记录所有电脑和Internet之间的所有http(s)请求,并允许你查看.设置断点.以及修改输入和输出的数据. 二.fiddler六大关键特性 官

场景:vs2005   webservice 项目属性中:web : 使用IIS web  服务器  http://localhost/WSMA   --- >自动创建虚拟目录 点击调试的时候F5,提示错误:无法启用web调试服务器 问题:IIS里的程序池的net版本和代码里的版本不一致,代码里是2.0  ,程序池里是4.0 ,把4.0改为2.0即可.

由于最近在学习微信小程序开发,项目中用到了https代理请求,所以用到了基于Node实现的跨平台web调试代理工具Whistle,在此做一记录. 完成https代理请求总共需要5个步骤. 一.安装Node.js    在这边就省略了 二.安装并启动Whistle1.安装Whistle打开cmd命令窗口,执行 $ npm install -g whistlenpm默认镜像是在国外,有时候安装速度很慢或者出现安装不了的情况,如果无法安装或者安装很慢,可以使用taobao的镜像安装: $ npm in

接触web不久,遇到了一些"奇怪"的问题,现将一些调试技巧总结如下:    1.欲添加某一样式,点击右键,查看源码    2.样式有问题,点击右键,审查元素 当然,还有一些经验总结:    1.不同浏览器的内核特性不同,如果一个元素显示和理想不符,不妨换个浏览器是试试,如:浏览器Apple Safari及Google Chrome的主要引擎是WebKit,Internet Explorer使用Trident引擎:FireFox使用Gecko引擎 部分浏览器使用双核,如QQ浏览器,极速模

最近做浏览器兼容的时候发现Safari的脚本调试工具比较难找,因此与大家分享一下 1.找到脚本调试的选项 2.勾选此选项 3.在页面空白处右击打开调试窗口 4.看到下方的调试窗口了 细心的读者会发现,Safari的调试工具与Chrome用的是一个调试工具--Web Inspector. 另外也介绍一下其他几种浏览器的调试器打开方法: 1.IE:F12,这个我们经常会用到,或者工具[Tools]里面的菜单也可以打开,如果需要监控需要另外安装HttpWatch或者Fidder[别的浏览器也能用]插件

转载:http://blog.chinaunix.net/uid-27105712-id-3738821.html 最近在使用fiddler,发现这个真是非常最犀利的web调试工具,笔者这里强烈推荐给大家:fiddler不管是对开发还是测试,还是产品:都是不可多得的工具:开发用来抓包定位问题; 测试用来抓包,回放测试记录,构造发包用例.产品用来抓包记录现场. 在介绍这一利器之前,我们先瞻仰一下他的作者Eric Eric目前就职于微软..fiddler最新版本下载地址http://fiddler2

有些时候调试web页面,在循环里面我们不方便设置断点进行调试,或者调试起来比较麻烦,我们就可以用openWindow的方法打印出想要查看的信息,既方便又省时. 代码如下: OpenWindow = window.open("", "newwin", "height=300, width=600,top=10,left=0,toolbar=yes,menubar=yes,scrollbars=yes"); OpenWindow.document.w

1.添加Server,将Web工程和Tomcat关联起来: 1)Windows->Show views->Other-->Servers,将会在下方弹出Server的窗口,然后右键添加服务器,选择Tomcat7,然后是添加工程,将web工程附加到服务器中 2.添加部署结构,这里有一个概念就是一个工程设定为Web工程过后,就需要对Deploy Assembly进行配置,将工程结构和最终输出结构一一对上,工程结构分为三部分,第一个是文件夹(folder)输出,比如src/main/java就

fiddler官网:http://fiddler2.com/ http://wenku.baidu.com/view/053e79d776a20029bd642dc1 http://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html Fiddler 是以代理web服务器的形式工作的,它使用代理地址:127.0.0.1, 端口:8888. 当Fiddler会自动设置代理, 退出的时候它会自动注销代理,这样就不会影响别的程序.不过如果Fi

源码如下,简单一句JS,轻松解决窗体不会自动放大的浏览器: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat=&

Chrome会对页面缓存,web页面调试的时候,后端修改页面.js之后,刷新页面经常不生效,非常不方便. 有一些小技巧可以解决该问题. 技巧一: 开发者工具-setting/设置,可以关闭缓存. 开发者工具-network,也可以直接勾选"Disable cache". 技巧二: 长按导航栏刷新按钮,有"清空缓存并硬性重新加载"选项.