轩枫阁

首页 / 搜索标签: 调试

JavaScript Source Map 详解

前言

jQuery 1.9版本,开始支持Source Map。

bg2013012203

打开http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版本,滚动到底部看最后一行:

这就是Source Map。它是一个独立的map文件,与源码在同一个目录下,点击查看

这是一个很有用的功能,本文将详细讲解这个功能。 查看全文

2016/12 03  周六

如何更专业的使用Chrome开发者工具

前言

顾名思义Chrome开发工具就是一个工具,它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面,也可以通过这个工具调试和测试Web页面或Web应用程序。有了这个工具,你可以做很多有趣的事情:

  • 调试界面的问题
  • 使用断点调试JavaScript代码
  • 优化你的代码

打开开发者工具,你只需要在页面的任意位置右击鼠标,选择检查元素或从右上角菜单中选择“工具>更多工具>开发者工具“。

开发者工具“。

下面示例演示的都是在Google Chrome的Canary浏览器下做的演示。(图片高能预警, 101M) 查看全文

2015/11 21  周六

Rosin-移动端页面开发调试Fiddler插件

前言

随着移动互联网大潮流的到来,移动端H5开发需求也愈加强烈。而移动端页面的调试对开发效率起着重要作用,都有什么调试方法呢?

  • 对于Android设备,可通过设备连接Chrome浏览器进行调试(chrome://inspect/#devices)。
  • 对于IOS设备,可通过设备连接Mac的Safiri浏览器进行调试(仅Mac可调试)。
  • 对于网络,可通过Fiddler连接同一wifi设置代理进行调试。

上面的方案似乎可解决了大部分问题,当然也只是我了解的一部分调试方法。但很多的H5页面需要在一些App内的webview内打开,如微信(需要授权登录)等。这时候就不能使用手机浏览器调试,需要查看一些调试、错误信息的时候,得通过alert的方法来调试,非常傻。接下来介绍的这个插件Rosin,可以解决这个问题,来自腾讯AlloyTeam。

Rosin

Rosin是一个Fiddler插件,协助开发者进行移动页面开发调试,是移动web开发、调试利器。 查看全文

2015/10 11  周日

Fiddler2 快捷命令使用教程【译】

前言

Fiddler是一个http协议调试代理工具,它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据。

 

使用QuickExec

Fiddler2成了网页调试必备的工具,抓包看数据。Fiddler2自带命令行控制,并提供以下用法。

Fiddler的快捷命令框让你快速的输入脚本命令。

键盘快捷键

按ALT+Q课迅速将焦点定位到快捷命令框。若Fiddler不在活跃状态(后台运行),可按Ctrl+Alt+F先行激活Fiddler(切换至Fiddler面板)
在QuickExec框,按CTRL + I插入会话列表中当前选定的会话的URL

默认命令

?sometext

当您键入一些字符串,如sometext ,Fiddler将突出会话所在的URL中包含sometext的请求 。此时按Enter键将高亮选中所有匹配的会话 查看全文

2014/02 15  周六

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子