精华内容
下载资源
问答
  • 常用的web开发调试工具
    千次阅读
    2019-07-01 17:05:18
       Web前端是一个新兴职业,市场需求大,薪资待遇高,吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员,好用的软件工具可以帮助他们更好的工作。下面苏州学码思小编为大家介绍一些常用的web前端开发工具。
    

    1、Bootstrap

    Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

    2、Foundation

    Foundation是一个易用、强大而且灵活的框架,用于构建基于任何设备上的Web应用。提供多种Web上的UI组件,如表单、按钮、Tabs等。

    3、Cloud9IDE

    Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器,支持为JS,HTML,CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器,可以在IDE中启动、暂停和停止。

    4、Notepad++

    Notepad++是一款非常有特色的编辑器,是开源软件,可以免费使用。我们开发人员都是必备的。支持的语言:C,C++,Java,C#,XML,HTML,PHP,Javascript!

    5、VisualStudioCode

    VisualStudioCode是一个运行于OSX,Windows和Linux之上的,针对于编写现代web和云应用的跨平台编辑器。

    6、GIMP

    GIMP是GNU图像处理程序(GNUImageManipulationProgram)的缩写。包括几乎所有图象处理所需的功能,号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了绘图爱好者圈。

    7、SecureHeaders

    SecureHeaders是Twitter送给Web开发者的一份大礼,作为一款Web安全开发工具,Secureheaders能够自动实施安全相关的header规则,包括内容安全政策(CSP),防止XSS、HSTS等攻击,防止火绵羊(Firesheep)攻击以及XFO点击劫持等。

    8、Fontello

    Fontello是个图标字体生成器。这个工具允许用户把这些图标web字体放到自己的项目中。主要特性如下:缩小字形集合,减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。

    更多相关内容
  • 主流的web前端开发调试工具

    千次阅读 2021-01-25 16:50:12
    开发工具众多,只举例常用的。) Visual Studio Code: 界面美观 插件安全界面操作方便 Sublime text :是主流的开发编辑器, 小巧轻便 启动速度快(媲美记事本) 丰富的可扩展插件 内置语言的高亮 内置语言的...

    web前端开发工具

    (开发工具众多,只举例常用的。)
    1. Visual Studio Code:

    • 界面美观
    • 插件安全界面操作方便

    2. Sublime text :是主流的开发编辑器,

    • 小巧轻便
    • 启动速度快(媲美记事本)
    • 丰富的可扩展插件
    • 内置语言的高亮
    • 内置语言的自动补全

    3. Webstorm:是jetbrains公司旗下的一款javascript开发工具被誉为“最智能的javascript IDE”

    • 对目前主流的web前端框架进行了集成,安装方便
    • 代码补全
    • 框架丰富
    • 强大的集成
    • 代码的格式化

    4. hbuilder: 适合移动端开发,对mui、html5+等做了相应的集成,可以对应用程序进行打包。

    web前端调试工具

    1.goole开发工具:谷歌浏览器啊按F12调出开发者工具
    工具栏:在这里插入图片描述Element:用于查看和编辑当前页面的HTML和CSS元素。
    在这里插入图片描述console标签页:用于显示脚本输出的调试信息,或运行的测试脚本等。常用指令:console.log() console.info() console.error() concole.warn()
    sources标签页:用于查看和调试当前页面所加载的脚本的源文件(可以进行断点的设定和调试过程、代码格式化)
    network标签页:用于查看http请求的详细过程,如请求头、响应头、响应及返回内容等。(可以查看加载资源的名称、加载资源的状态、加载资源类型)
    application标签页:用于查看本地应用缓存数据信息(离线应用或本地存储应用时用)

    2.firebug

    3.IE tester主要用于IE不同版本的调试

    4.在线的HTML\CSS代码格式化工具
    5.json验证相关工具

    展开全文
  • Web 开发并不是一项轻松的任务,有...工具总是能帮助简化和加速开发的过程。 1) Pinba Pinba 是个开源的 MySQL 存储引擎,主要任务是帮助 web 开发者监控所有 PHP 脚本的性能。使用 MySQL 作为只读接口,作为一个 PH
  • web开发常用调试工具

    2010-12-28 17:20:00
    xdebug, xhprof:php性能调试工具。他们都是php的一种扩展,可以很方便的安装和配置。这两个工具主要是将你程序的内部运行状况,调用函数以一种简洁的方式告诉你。让你对程序在什么地方占用过多的资源,那些地方...

    俗话说:工欲善其事,必先利其器。对于程序的调试,也必须借助外部工具。这里介绍几种在开发web程序中常常用到的工具:



    xdebug, xhprof:php性能调试工具。他们都是php的一种扩展,可以很方便的安装和配置。这两个工具主要是将你程序的内部运行状况,调用函数以一种简洁的方式告诉你。让你对程序在什么地方占用过多的资源,那些地方需要进行优化一目了然。 顺便提一下,xdebug生成的profile文件一般借助winCacheGrid查看。



    firephp, firbug: 前者主要是php的调试工具,而后者是web开发必不可少的工具, 它不仅能查看请求,还能调试js,css。

    在ie下面可以使用HttpWatch。如果需要将数据做深入分析,可以使用抓包工具。



    php中常使用的调试函数:error_report, var_dump, print_r, var_export

    展开全文
  • 移动端开发调试工具

    千次阅读 2022-01-27 13:19:28
    1、抓包工具Charles、Fiddler 平时只用抓取各种网络,需要设置手机的wifi代理 推荐指数2颗星 2、vConsole、eruda等调试库 这个方法需要在页面中插入一段 JS 脚本,这里以vConsole为例,导入vconsole.min.js,并...

    1、抓包工具CharlesFiddler

    平时只用抓取各种网络,需要设置手机的wifi代理
    推荐指数2颗星

    2、vConsoleeruda等调试库

    这个方法需要在页面中插入一段 JS 脚本,这里以vConsole为例,导入vconsole.min.js,并实例化,注实例化代码最好放在头部,以便能一开始就能劫持内容:

    <script src="./vconsole.min.js"></script>
      <script>
        // 初始化
        new VConsole();
      </script>
    

    npm i vconsole
    
    import VConsole from 'vconsole';
    
    new VConsole();

    优点:方便,可查看console、network、elements等;
    缺点:css调试不友好,console会劫持consloe的打印,不能定位到打印的代码位置,需要额外加载js脚本

    推荐指数3颗星

    3、Chrome + Android

    首先在chrome安装ADB Plugin
    chrome中输入 chrome://inspect
    通过数据线连接你的电脑和 Android 手机,打开USB的调试模式
    就可以在上面的页面中看到自己的设备:

    点击inspect

    然后就可以欢乐地调试了,和使用谷歌调试pc端一样,可惜ios不适用 推荐指数4颗星

    4、Mac + IOS + Safari

    打开手机点击设置 -> Safari浏览器 -> 高级

    打开JavaScript和web检查器

    打开手机上的Safari,输入一个网址www.baidu.com[1]

    在Mac上打开Safari,点击开发-iPhone lh-www.baidu.com,[2] 就可以看到以下页面

    注:app的webview也可以使用这个方法,只需要让客户端同学打包个debug版本

    只适用ios,而且需要mac,而且有个缺点,没有打开调试窗口时,webview的网络请求和console都不会记录,webview关闭,调试窗口会直接关闭。推荐指数4颗星

    5、whistle

    安卓、ios都能调试,跨平台、代理抓包、H5调试、debugger、请求劫持、HTTPS支持、WebSocket数据捕获等,功能非常强大。weinre是用node编写的,使用npm来进行安装
    安装:

    npm install -g whistle

    运行:

    w2 start

     

    跨平台、抓包、 DOMConsoleNetwork 等,功能非常强大。查看文档[3]
    推荐指数5颗星

    6、Mobile Debug

    功能和whistle非常相似,我严重有理由怀疑Mobile Debug的开发者就是在whistle的基础上进行开发的。

    `Mobile Debug`官网下载地址[4]

    下载安装后

    抓包:

     

    网页调试:

     

    通过配置劫持规则将线上出bug的文件(如js)劫持到本地修改并调试:

     

    需要把手机在同一个局域网wifi设置代理,便可使用,https需要增加安装证书步骤。

    推荐指数5颗星

    3和7是我现在主要使用的方法,用这就能完全解决移动端的调试问题。

     

     

     

     

    展开全文
  • web开发调试利器教程

    2014-08-20 12:35:03
    工欲善其事,必先利器! 好的工具能事半功倍。 本文档介绍了常用工具开发调试利器,提升开发人员开发效率,降低bug。
  • 常用的8款PHP调试工具,8款调试工具Web 开发并不是一项轻松的任务,有超级多服务端脚本语言提供给开发者,但是当前 PHP 因为具有额外的一些强大的功能而越来越流行。PHP 是最强大的服务端脚本语言之一,同时也是 ...
  • 平常程序遇到错误,开发环境下一般都用调试搞定,生产环境下通过查看日志搞定。但也有搞不定的时候,这是我在Silverlight开发时遇到的的错误: 如果启用调试,”对不起,程序已经崩溃,无法附加到进程”。怎么办?...
  • 常用的网络调试工具

    千次阅读 2021-02-22 20:40:37
    curl 是常用的命令行工具,用来请求 Web 服务器。它的名字就是客户端(client)的 URL 工具的意思。它的功能非常强大,完全可以取代 Postman 这一类的图形界面工具。 不带有任何参数时,curl 就是发出 GET 请求。 ...
  • ——开发者必备的15个Web开发工具 序号 软件名称 软件说明 1 Firebug Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体...
  • 前端高效开发调试工具整理

    千次阅读 2018-10-31 13:15:23
    前端高效开发工具: 张成文大神的《现代前端技术解析》中介绍了以下工具: 好的开发工具不仅可以提高我们的开发速度,也可以辅助我们写出更高质量的代码。 选择什么开发工具因人而异,但好的开发工具,应该要具备...
  • 两款常用的 MQTT 调试工具

    万次阅读 2021-06-19 13:55:16
    我们可以使用 MQTT 客户端来测试 MQTT 的通讯功能,这里介绍常用的两款工具 MQTTBox 和 MQTT.fx 。 二、预备知识 MQTT(MQ Telemetry Transport)协议,是 IBM 公司在 1999 年开发的轻量级网络协议,它有三个主要...
  • 15个超级实用web开发实用工具

    千次阅读 2021-04-12 09:59:12
    Web开发工具可以帮助开发人员更快,更轻松的建立网站或应用程序,它简化了从设计到编码之间的一系列开发进程。 你可能已经注意到了,web技术迭代非常快,特别是前端。每年都会有许多新技术发布出来,web开发工具也...
  • 流媒体(视频)开发常用调试工具

    千次阅读 2020-05-21 14:31:12
    文章目录流媒体开发工具 流媒体开发工具 4k测试视频下载: https://download.csdn.net/download/huweijian5/12151962 Big Buck Bunny » Blog Archive » High Frame Rate, 4K and Stereo 3D release ...
  • 开发者常用的程序调试工具

    千次阅读 2018-04-26 09:39:18
    调试工具是那些那些使我们能够监测、控制和纠正其他程序的程序,它们能帮我们快速找到问题的原因,最终达到提高开发效率的目的。本文将针对不同开发者推荐几个较受欢迎的程序调试利器,如果您还有其他更好的选择,...
  • 要熟练使用python解决各种问题,开发工具必不可少,其中就包括IDE或者代码编辑器,或者集成的开发编辑器(IDE),一个好的开发工具可以让你事半功倍,接下来主要介绍python的一些常用开发工具。 1 IDLE:Python...
  • 网站开发一般分为前端和后端两个部分。前端负责实现页面效果,后端主要负责功能开发。一般的开发流程是先由美工或者网页...那web开发都用什么工具呢?最常用的前端开发工具有哪些呢?本文推荐8款最好用的web前端开发...
  • 转载请注明出处: freshlover的CSDN专栏文章《移动端Web开发调试之Chrome远程调试(Remote Debugging)》 http://blog.csdn.net/freshlover/article/details/42528643 参考文章:Remote Debugging on Androidwith...
  • 【写在前面】本调试工具为纯客户端,且持续更新升级,永久免费。 【目标】简化开发人员的日常工作,包括不限于: 对称加密,RSA,ECC,国密SM2的加密,解密,签名,验签,证书制作...  http组包, websocket...
  • Java常用开发工具有哪些?

    千次阅读 2021-01-14 16:56:58
    Java常用的几个开发工具。下面这些工具或许功能和作用不同,但是有着一个共同的主旨,那就是——它们都是为了给 Java 编码和开发提供卓越的支持。 常用源码编辑工具介绍 Java源代码本质上其实就是普通的文本文件,...
  • Java 程序员常用开发工具

    万次阅读 多人点赞 2018-03-30 11:45:16
    1、常用开发工具作为一名Java程序开发人员,可以的选择集成开发环境IDE(Integrated Development Environment)非常多,得益于Java是一门开源语言。有开源免费的;有商用收费的。如何选择一款适合自己的集成开发环境...
  • 常用的前端调试工具

    千次阅读 2017-05-10 14:53:20
    在做前端开发时,我们需要用到一些调试工具用来调试我们的HTML、CSS或者JS代码,俗话说预先善其事必先利其器,这里我给大家推荐几款比较常用的前端调试工具。 1、Chrome的开发者工具 这是我现在用的最多的一个...
  • 推荐:web开发人员常用8个小工具

    千次阅读 2016-12-07 18:01:26
    随着技术发展,web网页开发要求越来越高,开发者都希望能更快速更高效更完美地展示,但工欲善其事必先利其器,今天我们大圣众包(www.dashengzb.cn)小编就为大家整理8个好用的web开发常用工具,希望可以收藏实践下...
  • 几款web调试工具

    千次阅读 2013-09-10 15:21:16
    只要是设计开发,就需要进行调试,尽管相对来说,前端的调试要简单一些,但使用一些调试工具或插件还是能提高你的工作效率。下面是一些主要用于IE浏览器环境和firefox浏览器环境等的调试工具简介。 一、IE网页...
  • Vue的开发常用工具有哪些?

    千次阅读 2022-03-24 17:37:09
    本节我们将对Vue的开发环境以及常用工具的使用进行讲解。 1.Visual Studio Code编辑器 Visual Studio Code(VS Code)是由微软公司推出的一款免费、开源的编辑器,推出之后便很快流行起来,深受开发者的青睐。作为前端...
  • Web服务常用的几种开发方法

    千次阅读 2019-12-11 22:16:06
    Web服务器绿色版本及测试脚本 目的 常用脚本 Web服务器绿色版本下载
  • http协议调试代理工具

    2017-12-14 17:50:51
    Fiddler代理可查看经过的http协议、https协议的所有请求和响应,便于Web开发调试
  • 前端开发常用哪些工具软件?

    千次阅读 多人点赞 2022-05-17 17:00:40
    前端开发必备工具,一篇文章一网打尽 文章目录 一、前端提高“生产力”工具 1.WebStorm 2. 远程开发 - VSCode 3. 接口测试 - Postman 4.API在线文档生成和测试 - SwaggerUI 5.抓包工具 - Wireshark 6.通用...
  • 那么,在我学习web开发的过程中用到了哪些工具,这些工具有什么技巧和使用体会呢? 我们一起来看看吧! 前端代码与调试:Atom Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和
  • 串口调试工具手机版

    千次阅读 2021-05-26 17:45:43
    串口调试工具手机版是一款针对OTG接口开发的串口调试应用,这款软件提供了文本、HEX码等多种格式,支持12个自定义按钮,支持自动重发功能,并提供了15种常用波特率,需要的朋友可以来西西下载串口调试工具手机版进行...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 82,799
精华内容 33,119
热门标签
关键字:

常用的web开发调试工具