使用Google Chrome开始进行网络开发

Question

在过去的几年里，我一直在使用Firefox，Firebug和Web Devevloper Firefox工具栏来满足我的所有Web开发需求，非常愉快。但是，我对尝试将我的网络开发支持转移到Chrome非常感兴趣，但我不知道在哪里或如何开始。 Chrome内置了多少功能，如何访问它？我需要哪些加载项以及在何处使用它们？

这是我认为大多数网络开发人员进入一个不太熟悉的环境所面临的众多问题中的两个。我试图在这里提出一个更广泛的问题，就像我需要使用和了解Chrome中的有效网络deb和JavaScript调试一样，哪里最好学习我需要的东西？

Answer 1

Google Chrome（以及Safari）确实低估了Developer Tools功能。许多开发人员对此漠不关心，并通过习惯使用Firebug。 （无意义！）

但对我来说它是主要的调试工具：它看起来比后者更令人愉快，并且包含更酷的功能。 （例如，时间轴 - 加载，脚本和渲染的单独时间间隔）。

<强> Developer Tools Tutorial

不能放弃Firebug？看看 - Firebug Lite。

---

更多工具。

→Webmaster tools;

→Speedtracer;

→Page Speed。

→来自google webmasters-faq：

  

有几种工具可以帮助您在Google Chrome中测试您的网站：

     

网络检查员
  右键单击网页上的任何组件以启动Web检查器。您将能够看到与您单击的组件关联的元素和资源，包括DOM的层次结构视图和JavaScript控制台。

     

任务管理器
  选择页面菜单图标，然后选择开发人员＆gt;任务管理器（或按 Shift + Esc ）。任务管理器会显示所有正在运行的Google Chrome进程以及他们正在使用的资源（内存，CPU和网络）。

     

JavaScript调试器
  选择页面菜单图标，然后选择开发人员＆gt;调试JavaScript 。这将启动一个JavaScript调试器，可用于附加到现有进程。

Answer 2

在chrome中

：右键单击并“检查元素” Firebug的Light版本也可用。

Answer 3

在Chrome中，按 Ctrl + Shift + I 并开始试验。这就是你所需要的一切。

Answer 4

Firefox的Web Developer端口非常方便。