《JavaScript面向对象编程指南》——1.8 使用Firebug控制台

简介:

本节书摘来自异步社区《JavaScript面向对象编程指南》一书中的第1章,第1.8节,作者: 【加】Stoyan Stefanov 译者: 凌杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.8 使用Firebug控制台

screenshot

我们可以直接在Firebug控制台中输入代码,然后只要按Enter键,代码就会如期执行。而代码返回值就紧接着会在控制台中被打印出来。而且,这些代码会在当前所载入的页面环境中进行,例如,我们输入document.location.href就会得到当前页面的URL。

此外,该控制台还具有一套自动完成功能,其工作方式与我们平时所用的操作系统命令行类似。举个例子,如果我们在其中输入docu,然后按Tab键,docu就会被自动补全为document。这时候如果再输入一个“.”(点操作符),我们就可以通过重复按Tab键的方式来遍历document对象中所有可调用的方法和属性。

通过上下箭头键,我们可以随时从相关的列表找回已经执行过的命令,并在控制台重新执行它们。

通常情况下,控制台只能提供单行输入,但我们可以用分号分割的方式来执行多个JavaScript语句。如果还需更多的空格和语句行的话,我们也可以通过单击输入行上方状态栏右边的那个向上箭头键,来打开控制台的多命令行模式。如图1-2所示:

在图1-2中,我们通过一些代码将Google主页的logo换成了自己的图片。如您所见,我们可以在任何页面中测试我们的JavaScript代码。

此外,我们还应该设置一下Firefox中的配置选项,以便使控制台中的JavaScript警告等级更为严格。这将会有助于我们写出更高质量的代码,尽管警告并不等同于错误,但我们也应该尽量避免在编写代码时出现警告信息。例如,使用未声明变量并不是一个错误,但也不是一个好主意。因此JavaScript引擎应该会产生一个警告信息。如果我们将警告等级设置为“严格”,该信息就会在控制台中显示出来(见图1-2)。下面,就让我们来设置一下:
screenshot

1.在Firefox地址栏中输入about:config。

2.在过滤器的搜索栏中输入strict,并按Enter键。

3.双击javascript.options.strict选项所在的行,将其值改为true。

相关文章
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0
|
4天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1
|
2月前
|
数据采集 机器学习/深度学习 JavaScript
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
51 0
|
2月前
|
JSON 前端开发 JavaScript
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
35 0
Webpack【Webpack图片处理、Webpack中proxy代理 、自动清理dist、Webpack优化、JavaScript中的代码检查】(三)-全面详解(学习总结---从入门到深化)
|
2月前
|
资源调度 JavaScript 关系型数据库
Node.js【文件系统模块、路径模块 、连接 MySQL、nodemon、操作 MySQL】(三)-全面详解(学习总结---从入门到深化)
Node.js【文件系统模块、路径模块 、连接 MySQL、nodemon、操作 MySQL】(三)-全面详解(学习总结---从入门到深化)
33 0
|
2月前
|
JavaScript 中间件 测试技术