文章分类 -  Debugger调试工具

你不知道的Chrome调试工具技巧
摘要：【译】你不知道的 Chrome 调试工具技巧 第一天：console 中的'$' 【译】你不知道的 Chrome 调试工具技巧 第二天：copying & saving 【译】你不知道的 Chrome 调试工具技巧 第三天：console methods 【译】你不知道的 Chrome 调试工具技巧 阅读全文
posted @ 2018-12-21 10:43 半前端半设计的四不像 阅读(149) 评论(0) 推荐(0)
使用weinre调试手机页面
摘要：Weinre（Web Inspector Remote），是一种远程调试工具。功能与Firebug及chrome调试器类似，可以帮助我们即时更改页面元素、样式，调试JS等。 工作原理 weinre由三部分组成 1. debug server 核心组件，运行在服务端，负责与另外两部分通信。 2.deb 阅读全文
posted @ 2018-05-22 17:21 半前端半设计的四不像 阅读(190) 评论(0) 推荐(0)
安卓微信页面的调试
摘要：在开发移动端页面时，一般都得保证在微信页面中能够正常访问，虽说微信内置浏览器统一了各个不同安卓机的WebView，但在不同的机子上，还是会出现不一样的兼容问题。 调试页面，有几个维度要考虑：能够访问页面、审查元素查看页面输出、抓包查看请求模拟登陆、断点调试、性能测试、在模拟器上调试、在真机上调试 本 阅读全文
posted @ 2018-05-16 10:24 半前端半设计的四不像 阅读(344) 评论(0) 推荐(0)
iPhone页面的常用调试方法
摘要：在iPhone中调试，大体上与上文 安卓中的移动页面调试 类似，区别主要是iOS系统中的一些限制，导致某些工具无法使用。 本文基于此，简要介绍在iPhone中如何调试页面。 最终可以实现在Mac平台使用Safari（或结合ios_webkit_dubug_proxy使用Chrome）调试手机中Saf 阅读全文
posted @ 2018-05-16 10:22 半前端半设计的四不像 阅读(550) 评论(0) 推荐(0)
Remote debugging on iOS with Safari Web Inspector
摘要：之前在公司调试Hybrid其实很蛋疼。。都是本地打开zip包，运行js，然后调试，每次都要找到zip，比较麻烦，后来发现了这个远程调试的方法，直接插上手机就可以调试了，不用那么麻烦了，而且可以直接在手机上看到实时的效果。 后来发现有一些Js前端开发还不会这个方法，今天就分享出来，大家都看看，有啥问题 阅读全文
posted @ 2018-05-16 10:12 半前端半设计的四不像 阅读(165) 评论(0) 推荐(0)
移动端Web开发调试之Chrome远程调试(Remote Debugging)
摘要：本篇主要说一下Chrome RemoteDebugging 的方法，之前也遇到一些坑，自己总结了一些经验，分享如下。 Chrome DevTools调试移动设备Brower Page Tabs/WebViews 安卓远程调试目前支持所有操作系统（Windows,Mac, Linux, and Chr 阅读全文
posted @ 2017-05-18 15:09 半前端半设计的四不像 阅读(442) 评论(0) 推荐(0)
[译]15个必须知道的chrome开发者技巧(GIF)
摘要：在Web开发者中，Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能，使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能，如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个有助于改进你的开发流程的技巧。 一、快 阅读全文
posted @ 2016-05-09 15:53 半前端半设计的四不像 阅读(118) 评论(0) 推荐(0)
页面制作之调试工具
摘要：常用的调试工具有Chrome浏览器的调试工具，火狐浏览器的Firebug插件调试工具，IE的开发人员工具等。它们的功能与使用方法大致相似。Chrome浏览器简洁快速，功能强大这里主要介绍Chrome浏览器的调试工具。 打开 Google Chrome 浏览器，通过下面任何一种方式进入开发人员工具：  阅读全文
posted @ 2016-05-06 17:39 半前端半设计的四不像 阅读(170) 评论(0) 推荐(0)
使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能
摘要：我们都希望创建高性能的Web应用程序。由于我们的应用程序变得越来越复杂，我们可能想要支持丰富的画面以及理想的60帧/秒，这能保证我们的应用程序响应灵敏且生动流畅。 知道如何衡量和提高性能，是一个有用的技能，在这短短的文章中，我会带您简单回顾关于如何通过 Chrome DevTools的 Timeli 阅读全文
posted @ 2016-05-06 17:38 半前端半设计的四不像 阅读(170) 评论(0) 推荐(0)
JavaScript调试技巧之：断点调试
摘要：如果您还没有阅读《JavaScript调试技巧之：快速定位》，建议先看看那篇。说不定，用快速定位就能解决问题了，呵呵。这次我会总结记录一下断点调试的笔记，希望也对大家有用，欢迎补充交流！ 首先，在各个浏览器中，断点调试支持的最好的当然是Firefox，Firefox不仅可以使用Firebug调试页面 阅读全文
posted @ 2016-03-31 16:04 半前端半设计的四不像 阅读(439) 评论(0) 推荐(0)
JavaScript调试技巧之：快速定位
摘要：赶紧总结一下JavaScript的调试技巧，这次首先是“快速定位”篇。 快速定位，其实就是快速定位程序的错误，所以也算是调试。这个在实际的码代码时往往比较实用。大多数情况下，你的js代码不多（少于1000行），只要能迅速发现代码的错误，往往不用复杂的调试。关于常用的快速定位方法，我总结了一下几点，欢 阅读全文
posted @ 2016-03-31 16:03 半前端半设计的四不像 阅读(261) 评论(0) 推荐(0)
Console命令详解,让调试js代码变得更简单
摘要：Firebug是网页开发的利器，能够极大地提升工作效率。 Firebug是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。 Firebug控制台详解 作者：阮一峰出处：http://www.r 阅读全文
posted @ 2015-09-18 15:20 半前端半设计的四不像 阅读(92) 评论(0) 推荐(0)
chrome审查元素功能,web开发强大帮手
摘要：怎样打开Chrome的开发者工具？ 你可以直接在页面上点击右键，然后选择审查元素： 或者在Chrome的工具中找到： 或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。 打开的开发者工具就长下面的样子： 不过我一般习惯与点左下 阅读全文
posted @ 2015-08-25 20:02 半前端半设计的四不像 阅读(298) 评论(0) 推荐(0)