首页 > 栏目首页 > 数字 > > 正文

如何使用谷歌浏览器自带的调试工具?chrome谷歌浏览器怎么安装xmarks并同步书签?

2023-03-01 13:37:22    来源:迪族网

如何使用谷歌浏览器自带的调试工具?

一:百度首页

1、打开Google浏览器,打开任意一个网页,这里以百度首页为例

2、按下F12键,能看到会弹出如下图所示的对话框

3、鼠标右键需要修改的地方

4、可以看到需要改动的地方,对应区域的CSS样式都在右侧区域显示

5、鼠标左键单击箭头所指区域,可添加所需的样式,并且可以实时的显示出来,当不需要时,去掉勾选即可,也可以直接按删除,制表符Tab可以自动补全属性名称

6、可以根据标签的id或者class值获取其属性,当提示undefined时,就需要查看是否存在这个标签值

7、以12306购票网为例,按下F12,打开需要调试的JS文件,在行开头单击鼠标左键,打下断点,如下图所示。快捷键F11是进入下一步,shift+F11跳出进入下一步,F8跳到下一个断点,这样就可以看到每一步程序运行所显示的结果,此时可以用步骤6用到的方法来查看标签的属性

实例二:新浪首页

1. 打开Chrome,打开任意一个网页,用新浪首页为例:

2. 按下F12键,能看到操作的对话框

3. 鼠标右键需要修改的地方,在弹出的选项选择”检查“

4. 可以看到需要改动的地方,对应区域的CSS样式都在右侧区域显示,此时在右边的代码就可以进行调试了

chrome谷歌浏览器怎么安装xmarks并同步书签?

1.首先打开chrome浏览器,使用搜索引擎搜索xmarks,点击如图链接,进入官方界面

2.进入官方界面后,点击“install now”,进入下载界面

3.点击“Download Xmarks”开始下载,就可以安装好了。

4.到了这里,如果发现网络不行的话,

5.就直接使用搜索引擎,搜索“xmarks chrome 下载”

6.并下载文件,然后解压得到

7.extension_1_0_32.crx,

8.然后在chrome上,

9.输入“chrome: 两个反斜杠extensions”

10.进入“扩展程序界面”,

11.并将文件拖入其中,

12.然后系统询问,

13.选择“添加扩展程序”

14.然后这个xmarks就安装好了。

关键词: 浏览器调试工具怎么用 谷歌浏览器怎么同步书签 xmarks怎么安装 谷歌浏览器自带调试工具使用 谷歌浏览器使用技巧

上一篇:百度网盘怎么限速?百度网盘客户端自动锁定怎么取消?
下一篇:最后一页

热点话题

热点推荐

头条