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

[fireworks钢笔工具如何使用]1绘制点 2绘制直线 3绘制曲线 4绘制直线和曲线 5移动节点 6修改手柄 7 增加节点 8删除节点 9改变节点类型 10链接二个不相干节点. 一绘制点：选择钢笔工具，在文档中点击一下，...+阅读

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

顾名思义Chrome开发工具就是一个工具，它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面，也可以通过这个工具调试和测试Web页面或Web应用程序。有了这个工具，你可以做很多有趣的事情： ◆调试界面的问题 ◆使用断点调试JavaScript代码 ◆优化你的代码打开开发者工具，你只需要在页面的任意位置右击鼠标，选择检查元素或从右上角菜单中选择“工具>更多工具>开发者工具“。下面示例演示的都是在Google Chrome的Canary浏览器下做的演示。 1.快速编辑HTML元素试一试： ◆选择＂Elements＂面板 ◆选择＂Elements＂面板内的一个DOM元素 ◆双击你需要打开的DOM元素标签，你就可以编辑它当你完成之后会自动更新和关闭标签 2.到指定的行数你可以在“Sources”面板中选择指定的文件中使用“：行数：列数”的功能。

试试快捷键CMD + O。 3.展开所有子节点试一试： ◆选择＂Elements＂面板 ◆选择DOM元素和在带有剪头的地点按住Alt +点击鼠标左键，可以展开所有子节点 4.改变开发者工具位置试一试快捷键：CMD + Shift + D。设置开发者工具有三个选项： ◆不在窗口中显示开发者工具 ◆在窗口右侧显示开发者工具 ◆在窗口底部显示开发者工具 5.通过CSS选择器搜索DOM元素试一...顾名思义Chrome开发工具就是一个工具，它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面，也可以通过这个工具调试和测试Web页面或Web应用程序。有了这个工具，你可以做很多有趣的事情： ◆调试界面的问题 ◆使用断点调试JavaScript代码 ◆优化你的代码打开开发者工具，你只需要在页面的任意位置右击鼠标，选择检查元素或从右上角菜单中选择“工具>更多工具>开发者工具“。

下面示例演示的都是在Google Chrome的Canary浏览器下做的演示。 1.快速编辑HTML元素试一试： ◆选择＂Elements＂面板 ◆选择＂Elements＂面板内的一个DOM元素 ◆双击你需要打开的DOM元素标签，你就可以编辑它当你完成之后会自动更新和关闭标签 2.到指定的行数你可以在“Sources”面板中选择指定的文件中使用“：行数：列数”的功能。试试快捷键CMD + O。 3.展开所有子节点试一试： ◆选择＂Elements＂面板 ◆选择DOM元素和在带有剪头的地点按住Alt +点击鼠标左键，可以展开所有子节点 4.改变开发者工具位置试一试快捷键：CMD + Shift + D。设置开发者工具有三个选项： ◆不在窗口中显示开发者工具 ◆在窗口右侧显示开发者工具 ◆在窗口底部显示开发者工具 5.通过CSS选择器搜索DOM元素试一试快捷键：CMD + F / CTRL + F和输入你需要的类名或ID名，可以搜索到相应的选择器。

6.Material和自定义颜色调色板你可以点击颜色代码前面的小图标，你可以选择： ◆页面颜色：这个面板是从你的Web网站（在你的CSS中）自动生成 ◆Material Design：这个面板可以从Material Design面板中自动生成颜色 7.多个光标移动光标按住CMD + 点击可以添加多个光标，你也可以使用CMD + U撤销你选择的最后一个光标。 8.复制图片的Data URI ◆选择＂Network＂面板 ◆在“Resources”面板选择你的图片 ◆在图片上右击，选择“Copy Image as Data URI”选项 9.触发伪类 ◆在左边的面板元素上右击鼠标，并选择“Force Element State” ◆另外在右边的面板中选择切换伪类状态的图标 10.通过拖拽选择多列 ◆选择“Sources”面板 ◆在“Sources”面板编辑器中选择你需要的文件 ◆按住Alt并拖动鼠标

如何使用GOOGLE EARTH

使用Google地图的话首先要申请一个Key，虽然GoogleAPI3.0说不要Key，但我一直没要找到如何在web里引用。免费使用Google地图有很多要求，条款，以下几个很重要1.必须是公益性网站2.网站或引入的项目不能是盈利型网站。3.你的网站必须任何人都可以访问到的。如果你是一个应用软件，并且向利用这一资源为你的程序增添光彩，那么是要给Google公司付费。其他的免费地图皆是如此。而且Google地图和域名进行绑定，因为前面说了，要申请一个Key，而这个Key则是通过你的网站网址加密过后的。所以如果你想用其他的一个网址申请Key而用到你的程序中，是不行的，Google地图会自动验证你的Key是否正确，如果不正确，则不能使用。终于不忙了，其实原理是这样的，把地图放在一个公网页面上面，然后在这个页面上承接参数，通过参数来显示坐标以及相关处理，而我们的项目则是处理整合这些参数，然后连接到这些相关页面就行了，也可以把这个公网页面做成Iframe直接嵌入到自己的项目了，哈哈，想到这个方法很是开心，因为google不可能会防范到这种方式，不由得忍不住夸自己两句天才O（∩_∩）O哈哈~

如何开发Chrome扩展程序

开始

为了着手创建你的扩展程序，你只需要为你的扩展创建一个文件夹。程序所必须的文件只有manifest.json.，不过也推荐准备一些图片用作图标，和至少一个JavaScript以提供功能。一般来说还会包含HTML文档、样式表、图片等等其他的资源。

Manifest文件

每个扩展都必须在其根目录下包含一个manifest.json文件。

这个文件里面声明了扩展的名称、版本、权限、设置选项和其他的一些和扩展相关的元数据。Manifest v1早在Chrome 18便已被弃用，而且会根据这个时间表逐渐淘汰使用Manifest v1的扩展。如果你在参考一些旧扩展的Manifest文件的话，请确认添加＂manifest_version＂: 2.

Google发布的Manifest v2中支持的域