php怎么让系统死机,有哪些相见恨晚的在线网站?
分享10个让你大开眼界的网站!全是私藏精品!
超小众,但绝对是真相定理界别,让你看一个爱一个!
01 World68全世界最好用的网站网址,都在这里了!
网站有点简陋,却收集了全世界最厉害的网站,涵盖各个方面,绝对的神器!网站按照不同得导航分类,让你轻松可以找到想看的国家网站!
在这里面全球的知名网站都帮你找好了!
如果你是一名设计师,想要找一些插画的素材,可以去日本版块里找找有没有好用得插画网站:
打开国家中的日本网站,可以轻松地找到设计素材选项,这里超多的插画素材等你来取:
总之,绝对是一个可以让你开眼看世界的网站哦!收藏起来,每天看看收集点小灵感!
本回答的所有网站,我都整理好了,另外还把我自己平时收藏的100多个网站,全部整理好了,做成了一个导航小网站:如果你有需要,可以点击私信,回复关键词【新世界】获取这些网站的网址~
02 fosshub这是一个超级好用的网站!很多知名科技、工具博主的神器都是在这里发掘的!最关键的一点,这里面的所有神器都是开源的!没错,就是你理解的免费!
很精致的一个网页设计,包含无数的神器!工具分类超级全面:
随便点进去一个,都是宝藏!
国内很多好用的收费软件吗,都可以在这里找到免费替换的软件哦!超级好用!我的大部分神器都是在这里发现的!
03 woshipm作为一名新媒体人,运营是必备功力,市面上的运营软件有很多,收藏了很多,每次打开都费半天力气,但这些网站又是必须要看的!如果解决这个问题呢,直到我找到了这个网站:
名字也特别有趣,阿猫阿狗导航,主要是做运营和产品的导航,所有与之有关系的网站都被收录了,并且做了分类!NICE!
个人比较喜欢数据分析板块,几乎我日常需要用到的网站,全部都有了!打开这个网站运营不慌张!从选题到配图到素材再到分析全部具备!小众,但挺好用的!
04 photopea免安装的网页版“ps完美替代者”——Photopea,走红国外!
网页的界面与PS的相似度十分高,这为它强大的功能做了铺垫。利用这个在线网站,你几乎可以实现PS中的全部操作,PS中使用的快捷键,这个里面依然可以使用!
比如一堆人:咱们只需要简单利用智能填充功能,就能轻松的保留主人物:
很方便哦!
总之这个网页,让你告别PS卡顿,再也找不到利用不工作,另外手机版也能直接使用哦!本回答的所有网站,都给你准备好了,点击我的头像,进入私信,回复关键词【新世界】即可获取哦~
05 免费的人工智能做PPT平台这是一个人工智能帮助我们做PPT的平台!
利用这个网站,我们可以轻松地让网站帮助我们生成这样的PPT页面:
还是一整套的哦!不需要手动调整任何参数,一切都是模块化的设计,很方便!简直可以说小白操作了,放进去你的内容,然后生成!
简直是效率神器,还有超多的功能,各位可以自己体验下哦!一定会让你很惊喜!
06 github这个应该算是每天必看的网站了!在这个网站上,可以发现很多有趣的事情!
活动媒体圈的996首发就在这个平台!很强势了!
作为一名不是技术控的人,我还是很喜欢这个网站的!可以获取很多有趣的黑科技!比如我会经常在上面找一些有趣的软件,不仅免费而且超级好用!各位也可以探索下哦~瞬间发现新世界!绝对属于值得每天一逛的网站!
07 idesign众所周知,我是一名PPT设计师,每天逛一些优秀的设计网站,提升审美能力是必须的!但设计网站有很多,而我个人每天都看的网站,当属腾讯家的设计网站——设计导航。
这是腾讯设计师们做的网站,目的是共享一些好的设计灵感和作品,所以上面的每个设计参考都很优秀!网站后期也更新了很多的东西,比如对设计所需要的网站做了分类:
可以很方便进行查找!值得一提的是,这些网站全部来自于专业设计师收集,国内外均有,在灵感的获取方面可以保证每个参考都足够优秀,省去了自己很多的素材查找时间!
另外,网站支持添加自定义订阅源哦~总结起来就是一个超强的设计灵感素材库!如果你是设计师相关行业的人,强烈建议每天看下哈!很多读者反馈,说找不到网站,确实,很多网站太小众了!不过,我都给你准备好了!也做了整理分类,你直接一键导入浏览器就可以了!点击我的头像,进入主页,点击私信,回复关键词【新世界】即可获取~
08 199it超强的数据导航网站,无论你是哪个行业的人员,你都值得每天看下,掌握最新的数据!
你想要的所有数据,都可以在这里轻松获取,从优质图库到分析数据,到电视收视率检测工具,再到AI开源数据,学生论文网站,经济数据等等,全部具备!
比如我任意的点开一个新媒体排行数据,里面就包含很多有趣的网站,满足我们多重新媒体数据查看需求:当你做市场分析的时候,也可以点开这个网站,找到你想要的数据哦!
09 mediumMedium 是一个全球轻量级内容发行的平台,全球优秀的内容创作者都会在这个平台进行内容的更新,如果你想要获取优质的内容,这个平台你一定要看看哈~
内容质量超级高!让你了解全世界有趣的事情!
当你没有写作灵感的时候,可以通过这个网站找好选题哦!
作为一名PPT设计师,我也会从上面找一些灵感,文章写的都超级赞!10 今日热榜我是一名公众号博主,经常要写文章,做运营,追热点,但有热点的平台那么多,该怎么才能及时把握热点并且进行跟踪发文了!
一个一个软件网站翻看的话,不仅浪费时间,而且效率很低,很容易漏热点,如果有一个网站,可以帮助我们实时监控各大平台的热点,而且在电脑端就能完成热点跟踪,每天上班看一看就太好了!
无意间发现这个网站,真的帮助我太多了!这是一个个人开发的小网站,保守估计,开发的人应该也是搞运营的,哈哈所有可能存在热点的平台,全部在监控范围内!
还支持分类,太赞了!比如你是科技媒体的运营,每天花10分钟刷下网站,就知道最热点的事件了!164个科技媒体的热点全部能看到!还能看社区热点:
还能支持直接搜索,很优秀了!
总之如果你是运营或者内容创作者,一定记得每天看看!
至少我是每天都会看,哈哈!上面能发现很多有趣的事情!
看到这里的朋友,估计都是爱学习的人,所以千万不要忘记领取我整理好的这些网站导航。
点击我的头像,进入主页,点击私信,回复关键词【新世界】即可获取~
好了,今天的分享就到这里了,大家还有什么想要的网站,可以在评论区留言哦~
华为畅玩5死机怎么办?
你可以同时按着开关机键+上音量键十秒钟进行强制重启手机,如果不行就试试强制恢复方式。先到emui网站(
http://www.emui.com/plugin.php?id=hwdownload
)上下载对应手机的软件版本。SD卡本地升级1. 准备一张2G以上容量的SD卡,保证可用空间大于升级包大小,建议使用Sandisk, Kingstone, 或Kingmax等品牌。2. 在SD卡根目录创建“dload”文件夹,把下载好的软件升级包“UPDATE.APP”放入dload文件夹中。3. 插入充电器,按住音量上下键不放,长按电源键10秒以上启动手机。手机会进入SD卡强制升级,如果因为电池耗光或低电量会导致无法启动,升级前先充电保证手机能启动,升级过程请插入充电器,否则电量不足升级会失败。4. 手机进入升级后会自动完成升级,一般升级时间5分钟左右,如果升级失败可以尝试重试。,如果还不行,就带上保修卡到附近的华为售后服务中心网点检修,去之前提前备份好数据!自己拥有一台服务器可以做哪些很酷的事情?
很多事情可以做,直接上图解说吧:
这是我最近做的一个站点,自己的博客,我把它打包成APP了,站点用的是wordpress,管理用的是宝塔。站点主要用来记录一些翻译文章,健康循证、美食文化和个人提升的文字。目前还没有做SEO,有空会做。为了有个相对较好的体验,站点的视频图片我都放在阿里云了,开通一个对象存储的服务,不贵,这样就能减轻站点的压力,因为SEO和搜索引擎的录入工作都还没做,证书也是头几天才部署的,但还有一些问题,因为谷歌浏览器显示我的站点不太安全,应该是站点中还有某些未曾加密的东西,这个回头要检查一下,很多工作都没做,所以目前没什么流量。这个嘛,是我国外的某一个服务器,每小时大概0.2美元的收费,专门用来做一些科学方面的工作,这里的科学是指的一种隐喻,明白的人都明白,不明白就当是个服务器就完了,因为平时会浏览大量的网站,主要是视频啊、文献啊、技术类等等,同时我会用这个服务器来下载大量的数据,再转存到国内来,都是一些国内很难下载的研究资料。国外的服务器只适合一些特定的玩家,普通玩家没必要,如果你不是很懂这方面的信息和技术,会搞到吐血。总体来说,个人有个服务器,可以做成一个博客或者站点,给自己的媒体号引流,可以记录自己的生活,可以存放自己的数字文件,现在这些服务器都挺便宜,但是如果应用级别上去了,服务器也不便宜,取决于你最终做什么。
一句话,即使是普通玩家,想玩这个,并不难,难就难在你的网站上没东西,内容永远是王道,不要迷信什么采集软件来填充网站的内容,我研究过,采集软件具有一定的普适性,这意味着它适应于大家都知道的一些站点,比如我想采集一些国外的站点,这些采集软件全部歇菜,最后不得已自己来编写相应工具简化工作。
即便如此,当你采集到一些内容回来的时候,你有必要进行二次修改,否则这些内容都会因为各种因素沦为垃圾,最终站点也会沦为垃圾站点,所以玩个服务器,还是要准备一些自己的东西。
欢迎关注交流
学习Java需要安装什么工具?
今天我们来详细盘点一下Java开发一般都会用到哪些开发工具。
一.开发编程工具
1.Eclipse 官网地址
Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK)。2.MyEclipse 官网地址
MyEclipse,是在Eclipse 基础上加上自己的插件开发而成的功能强大的企业级集成开发环境,主要用于Java、Java EE以及移动应用的开发。在最新版本的MyEclipse中,配合CodeMix使用支持也十分广泛,尤其是对各种开源产品和主流开发框架的支持相当不错。已支持PHP、Python、Vue、Angular、React、Java、Java EE等语言和框架开发。3.IntelliJ IDEA 官网地址
IDEA 全称 IntelliJ IDEA,是java编程语言的集成开发环境。IntelliJ在业界被公认为最好的Java开发工具,尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。它的旗舰版还支持HTML,CSS,PHP,MySQL,Python等。免费版只支持Java,Kotlin等少数语言。我后来转Android后用的是 Android Studio工具,其实这个工具就是Google在idea的基础上二次开发出来的,所以两者非常像,只是侧重不同。上面这几个工具我全部都用过,2011年刚入门培训的时候就是用的Eclipse,后来做Java web项目就改为用MyEclipse,后来转Android 用过一段时间Idea,说一下这几个工具的主要区别:MyEclipse是收费的,eclipse是免费的。Eclipse自带的插件很少,如果写web项目,需要自己配置很多东西,MyEclipse集成了很多的插件,一般Java的企业应用开发都会使用MyEclipse。idea比myeclipse 更加智能,自带更智能的代码提示,代码检查。MyEclipse 以前用的时候有时候经常会卡死,Idea更加稳定,而且我感觉Idea界面看起来更舒服。(个人感受)我个人更推荐开发同学直接用idea,感觉idea集合了eclipse和MyEclipse的功能和优点,然后又在此基础上做了升级,尤其是代码智能提示,自动生成一些相关的类文件的确方便了很多。java开发工具还有NetBeans 、Visual Studio Code等其他工具,但是那些我没用过,相关介绍大家可以自行从网上搜索相关资料。二.接口调试工具
作为一名开发人员,完成开发工作后,肯定要自己进行测试,这可能还会用到接口测试的一些工具。1.Postman 官网地址
Postman是一款功能非常棒的Chrome扩展,提供功能强大的API&HTTP请求调试。它可以发送几乎所有类型的HTTP请求,并可以附带任何数量的参数和请求头(headers)。2.Apipost 官网地址
ApiPost是一个支持模拟POST、GET、PUT等常见HTTP请求,支持团队协作,并可以直接生成并导出接口文档的API文档、调试、Mock、测试一体化协作平台。3.ApiFox 官网地址
API 文档、API 调试、API Mock、API 自动化测试,一体化协作平台。平台化的产品不多说。4.Charles 官网地址
Charles 是一个 HTTP 代理 / HTTP 监视器 / 反向代理,它使开发人员能够查看他们的机器和 Internet 之间的所有 HTTP 和 SSL / HTTPS 流量。这包括请求、响应和 HTTP 标头(其中包含 cookie 和缓存信息)。charles更多的用在监视接口调用情况,说直白点就是抓包工具,类似的工具还有 Fiddler 和Wireshark。三.测试工具
1.jmeter 官网地址
Apache JMeter 是 Apache 组织基于 Java 开发的压力测试工具,用于对软件做压力测试。jmeter能够进行接口测试和性能测试,可是对于作单纯的接口测试jmeter操做起来没有postman、apipost使用起来方便。jmeter重点在于压力测试,稳定性测试和负载测试。针对于接口和程序的稳定性设计的一款以软件性能为主,接口测试为辅的接口测试工具。2.JTest 官网地址
JTest是Parasoft公司推出的一款针对java语言的自动化白盒测试工具,它通过自动实现java的单元测试和代码标准校验,来提高代码的可靠性。3.JUnit 官网地址
JUnit是一个为Java编程语言设计的单元测试框架。 JUnit为测试驱动开发框架的发展发挥了重要作用。它是现在被统称为xUnit的单元测试框架大家庭的组成成员之一,源于SUnit。在编译时,JUnit可以连接作为JAR,用于编写可重复的测试。4.Arquillian官网地址
Arquillian是JVM一个高度创新性和可扩展的测试平台,支持Java开发人员轻松创建自动化集合的,功能性的和验收的测试。Arquillian允许在运行时间执行测试。Arquillian可以用来管理单个或多个容器的生命周期,捆扎测试用例,从属类和资源。它还能够部署归档到容器中,在容器中执行测试、捕获结果,并创建报告。Arquillian集成了常见的测试框架,如JUnit 4、TestNG 5,并允许使用现有的IDE发布测试,并且由于其模块化的设计使得能够运行Ant和Maven测试插件。四.远程连接工具
国内程序员大部分都是在windows环境开发,但是开发完毕后,免不了需要部署到服务器(Liunx);特别是Java开发的程序,几乎都是部署在Linux系统,如何把程序部署到远程的Linux服务器呢?这时候远程连接工具就派上用场了。1.Xshell
Xshell是一个功能强大的终端模拟器,支持SSH、SFTP、telnet,rlogin和串行。人们可以使用它在Windows界面下用来访问远端不同系统下的服务器,从而达到远程控制终端的目的。2.SecureCRT
SecureCRT是一款支持SSH(SSH1和SSH2)的终端仿真程序,简单地说是Windows下登录UNIX或Linux服务器主机的软件。3.FileZilla
FileZilla是一个免费开源的FTP软件,分为客户端版本和服务器版本,具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具,而FileZilla Server则是一个小巧并且可靠的支持FTP&SFTP的FTP服务器软件。FileZilla是一种快速、可信赖的FTP客户端以及服务器端开放源代码程式,具有多种特色、直接的接口。4.Putty
PuTTY是一个Telnet/SSH/rlogin/纯TCP以及串行连线软件。较早的版本仅支援Windows平台,在最近的版本中开始支援各类Unix平台,并打算移植至Mac OS X上。除了官方版本外,有许多非官方的团体或个人将PuTTY移植到其他平台上,像是以Symbian为基础的移动电话。五.数据库视图工具
因为我以前做后台的时候主要用的是MySql,所以这部分主要列举MySql数据库图形化工具,如果工作用Oracle或者SqlServer的同学自行从网上找相关资料,当然下面介绍的工具有些也支持oracle和SqlServer。1.Navicat 官网地址
Navicat是一套快速、可靠的数据库管理工具,Navicat 是以直觉化的图形用户界面而建的,可以兼容多种数据库,支持多种操作系统。2.MySQL Workbench 官网地址
MySQL Workbench是一个统一的可视化开发和管理平台,该平台提供了许多高级工具,可支持数据库建模和设计、查询开发和测试、服务器配置和监视、用户和安全管理、备份和恢复自动化、审计数据检查以及向导驱动的数据库迁移。 MySQL Workbench是MySQL AB发布的可视化的数据库设计软件,它的前身是 FabForce 公司的 DDesigner 4。 MySQL Workbench 为数据库管理员、程序开发者和系统规划师提供可视化设计、模型建立、以及数据库管理功能。它包含了用于创建复杂的数据建模ER模型,正向和逆向数据库工程,也可以用于执行通常需要花费大量时间和需要的难以变更和管理的文档任务。MySQL工作台可在Windows,Linux和Mac上使用。3.SQLyog 官网地址
SQLyog 是一个易于使用的、快速而简洁的图形化管理MYSQL数据库的工具,它能够在任何地点有效地管理你的数据库。SQLyog是业界著名的Webyog公司出品的一款简洁高效、功能强大的图形化MySQL数据库管理工具。使用SQLyog可以快速直观地让您从世界的任何角落通过网络来维护远端的MySQL数据库。4.DataGrip
DataGrip,是大名鼎鼎的JetBrains公司出品的,就是那个出品Intellij IDEA的公司。DataGrip是一款数据库管理客户端工具,方便连接到数据库服务器,执行sql、创建表、创建索引以及导出数据等。下载地址:https://www.jetbrains.com.cn/datagrip/六.其他工具
1.文本编辑工具EditPlus
在程序员的日常工作中,编辑器的使用是不可缺少的,一个好用方便的文本编辑器会在一定程度上提高工作效率。EditPlus属于轻量级的编辑器,就小编而言,用EditPlus多些。不敢说EditPlus更好,但部分回复对EditPlus存在的说法做一些纠正。editplus提供了与Internet的无缝连接,可以在EditPlus的工作范围中开启Intelnet访问窗口。提供了多工作窗口,无需转换到桌面便可在工作范围中开启好几个文档。editplus默认支持HTML.CSS.PHP.ASP.Perl.C/C++.java.JavaScript和VBScript等语法突出显示,通过定制语法文档,可以扩展到别的程序语言。2.文本编辑工具Notepad++
Notepad就是记事本,它用于文本编辑,在文字编辑方面与Windows写字板功能相当。所见即所得功能、语法高亮、字词自动完成功能,支持同时编辑多重文档,支持自定义语言。对于HTML网页编程代码,可直接选择在不同的浏览器中打开查看,以方便进行调试。自动检测文件类型,根据关键字显示节点,节点可自由折叠/打开,可显示缩进引导线,使代码富有层次感。可打开双窗口,在分窗口中又可打开多个子窗口,允许快捷切换全屏显示模式,支持鼠标滚轮改变文档显示比例。可显示选中文本的字节数,并非普通编辑器所显示的字数。提供了一些实用工具,如邻行互换位置、宏功能等。类似的文本编辑类的工具有很多,我现在开发做的少了,平时开会主要用一些线上的平台如幕布、有道云笔记之类的。3.画图类的工具
这部分主要用于接收到需求做系统设计或者方案用,这类工具主要是为了理清楚思路;如Visual paradigm、OmniGraffle、ProcessOn。Visual paradigm:Visual Paradigm for UML (VP-UML)是一款UML建模和CASE工具,产品具有建模版、标准版等功能。OmniGraffle:OmniGraffle是由The Omni Group制作的一款绘图软件,其只能于运行在Mac OS X和iPad平台之上。OmniGraffle可以用来绘制图表,流程图,组织结构图以及插图,也可以用来组织头脑中思考的信息,组织头脑风暴的结果,绘制心智图,作为样式管理器,或设计网页或PDF文档的原型。ProcessOn:支持绘制思维导图、流程图、UML、网络拓扑图、组织结构图、原型图、时间轴等等我自己平时用的最多的其实是Xmind,这个看大家自己习惯吧,目的就是理清楚思路。4.项目管理协作工具
项目管理协作工具也是我们开发过程中经常会用到的。这方面的产品也有很多:Slack、Asana、Teambition、Worktile、Towe、禅道等这部分就不一一赘述了,很早之前转载过一篇文章专门介绍过这个,大家感兴趣直接看这篇文章项目管理协作工具即可。5.在线开发辅助工具
• BASE64编解码工具:https://base64.supfree.net/• MD5编码工具:https://www.zxgj.cn/g/md5• AES/DES加解密:http://www.fly63.com/tool/cipher/• JWT解码工具:http://jwt.calebb.net/• ASCII编解码工具:https://www.matools.com/code-convert-ascii• Unicode编解码工具:https://www.zxgj.cn/g/unicode• UTF-8编解码工具:https://www.zxgj.cn/g/utf8• 字符串编解码工具:https://www.zxgj.cn/g/enstring• URL编解码工具:http://tool.chinaz.com/tools/urlencode.aspx?jdfwkey=lbixz1• 在线ASCII码对照表:http://www.fly63.com/tool/ascii/• 通用进制转换工具:https://www.zxgj.cn/g/jinzhi• 在线浮点数十进制转换:http://www.binaryconvert.com/• RGB颜色转换:https://www.zxgj.cn/g/yansezhi• 时间戳转换工具:https://www.zxgj.cn/g/unix• 计量单位换算工具:http://www.fly63.com/tool/unitable/• 在线JSON解析:http://www.json.cn/• 在线JS代码格式化工具:https://prettier.io/playground/• SQL压缩/格式化工具:https://www.zxgj.cn/g/sqlformat• JSON和XML在线转换:https://www.zxgj.cn/g/jsonxml• JSON/YAML在线转换:http://www.fly63.com/tool/jsonyaml/6.华为云平台
目前很多公司都在用低代码开发平台开发应用了,摆脱了大量的编码工作,让程序员将精力投身到业务当中来。所谓低代码开发,即无需编码或只需少量代码就可以快速生成应用程序。也就是说,企业的应用开发通过“拖拉拽”的方式即可完成。这其中比较典型的是华为云的DevCloud,推荐给大家。· 高效易用的低代码aPaaS平台-应用魔方AppCube:https://www.huaweicloud.com/product/appcube.html· 集华为研发实践、前沿研发理念、先进研发工具为一体的软件开发平台-软件开发平台 DevCloud:https://www.huaweicloud.com/devcloud/总结
其实开发过程中用过的各种各样的工具还有很多,只是一时间无法全部都枚举出来,后续想到其他的好用工具会持续补充到文章中,文档中涉及到的工具找不到的可以评论区留言或者私信我,希望本文对大家有所帮助。以上内容分享自华为云社区《【云驻共创】 JAVA常用的开发工具有哪些?》,作者:再见孙悟空_。
为什么程序员都喜欢用Chrome浏览器?
在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器。
在Chrome出来的时候,我就喜欢上它的简洁、快速,无论是启动速度还是页面解析速度还是Javascript执行速度(现在的FireFox4也比之前的FireFox3有很大的进步)。不过当时由于Chrome的开发者工具还不是很完善,而我又不是很熟悉,加之对于Firebug的好感和依赖,当时还是用回FireFox作为我的主浏览器。
后来由于开发Chrome的插件(现在的FaWave),就一直使用Google Chrom作为我的主浏览器,渐渐熟悉Chrome的开发者工具,而Chrome也一直在快速迭代,快速进步中,到现在,Chrome已经绝对成为我的主浏览器,Chrome的开发者工具,我也认为比Firebug更好用。
得益于Google V8的快速,和对HTML5和CSS3的支持也算比较完善,html类的富客户端应用Chrome上无论是流畅性还是呈现的效果,都是比较出色的,这对于开发者,特别是对于那些喜欢研究前沿技术的前端开发者来说,是很重要的。
对于本文,作为一个Web开发人员,除了上面的原因以外,与我们开发相关的,就是Chrome的开发者工具。而本文,就是要详细说说Chrome的开发者工具,说说我为什么认为它比Firebug要好用。
怎样打开Chrome的开发者工具?
你可以直接在页面上点击右键,然后选择审查元素:
或者在Chrome的工具中找到:
或者,你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12。
打开的开发者工具就长下面的样子:
不过我一般习惯与点左下角的那个按钮,将开发者工具弹出作为一个独立的窗口:
下面来分别说下每个Tab的作用。
Elements标签页这个就是查看、编辑页面上的元素,包括HTML和CSS:
左侧就是对页面HTML结构的查看与编辑,你可以直接在某个元素上双击修改元素的属性,或者你点右键选"Edit as Html"直接对元素的HTML进行编辑,或者删除某个元素,所有的修改都会即时在页面上得到呈现。(注:看到上面右键菜单的最后一个选项"审查元素"了么?这是不是说明这个开发者工具的页面也是HTML来的呢?你点一下就知道了哦,嘿嘿)你还可以对某个元素进行监听,在JS对元素的属性或者HTML进行修改的时候,直接触发断点,跳转到对改元素进行修改的JS代码处:
Elements标签页的右侧可以对元素的CSS进行查看与编辑修改:你还可以通过这里看到各CSS选择器设置的CSS值的覆盖情况。下面的Metrics可以看到元素占的空间情况(宽、高、Padding、Margin神马的):
注意到上面的Properties没有?这个很有用哦,可以让你看到元素具有的方法与属性,比查API手册要方便得多哦(要注意某些方法和属性在IE、FireFox等其他浏览器下面的支持情况哦)。
Resources标签页Resources标签页可以查看到请求的资源情况,包括CSS、JS、图片等的内容,同时还可以查看到存储相关的如Cookies、HTML5的Database和LocalStore等,你可以对存储的内容编辑和删除。这里的CSS文件有一个好玩的特性,你可以直接修改CSS文件,并且修改即时生效哦:
Network标签页Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用,特别是在查看Ajax类请求的时候,非常有帮助。注意是在你打开Chrome开发者工具后发起的请求,才会在这里显示的哦。点击左侧某一个具体去请求URL,可以看到该请求的详细HTTP请求情况:
我们可以在这里看到HTTP请求头、HTTP响应头、HTTP返回的内容等信息,对于开发、调试,都是很有用的。
Scripts标签页很明显,这个标签页就是查看JS文件、调试JS代码的,直接看下图的说明:
还有你可以打开Javascript控制台,做一些其他的查看或者修改:
你甚至还可以为某一XHR请求或者某一事件设置断点:
Timeline标签页注意这个Timeline的标签页不是指网络请求的时间响应情况哦(这个在Network标签页里查看),这个Timeline指的JS执行时间、页面元素渲染时间:
点击底部的Record就可以开始录制页面上执行的内容。(这个不熟悉,请参考文末链接)
Profiles标签页这个主要是做性能优化的,包括查看CPU执行时间与内存占用:
这个也不熟悉,不多说,还是请参考文末链接吧。
Audits标签页这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow):
点击run按钮,就可以开始分析页面,分析完了就可以看到分析结果了:
它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦:
Console标签页就是Javascript控制台了:
这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外,还可以当作Javascript API查看用。例如我想查看console都有哪些方法和属性,我可以直接在Console中输入"console"并执行:
怎么样,一目了然了吧 ?再例如我想查看日期函数都有哪些方法:
(注:注意在这里看到的某些方法和属性是ES5新增的,记得兼容其他浏览器的支持情况哦)
结语
Google Chrome除了简洁、快速,现在的Chrome的插件也非常的丰富了。而对于web开发者来说,Chrome对于HTML5、CSS3等一些新标准的支持也是比较完善的,而且Chrome的开发者工具我个人认为真的非常好用,这就是为什么我向web开发者推荐使用Chrome的原因。