标签: browser-console

如果我打开浏览器控制台(在Chrome/Firefox中测试)并输入:

null == {}

我明白了:

假

但是,如果我将两个参数都传递给==运算符,而是键入:

{} == null

我明白了:

未捕获的SyntaxError:意外的令牌==

图片:

• 为什么会这样？
• 为什么这只发生在控制台中,而不是在浏览器在HTML页面中执行脚本时？

编辑:

而问题35812626个地址本,并解释为JS解析原因{}作为代码块,它使用三重等于(严格比较)运算符===,而不是双等于==.正如用户在下面指出的那样,绝对可以遵循代码块==而不会导致语法错误:

{} == {} // false

怎么会这样,我的例子没有？

所以问题是当我尝试向远程主机启动新的 WebSocket 时，有时浏览器的控制台会打印一条红色错误消息并抱怨连接被拒绝，消息如下：

Error in connection establishment: net::ERR_CONNECTION_REFUSED

出现错误很好，因为远程主机有时可能没有响应，但我无法处理此错误消息这一事实非常烦人。

有没有办法处理此错误消息或在我的 JavaScript 代码中初始化连接之前检查远程主机是否接受 WebSocket 连接？

这是来自用户脚本的代码示例：

var ExampleObj = {
  somevar1:'value1',
  somevar2:'value2',
  somevar3:'value3',
  somefunction1:function(){
    //do sth
  },
  somefunction2:function(){
    //do sth else
  }
}

当我尝试从脚本调用我的函数时：一切正常，但我无法从浏览器控制台访问：

（参考错误：未定义 ExampleObj）

我的 Greasemonkey/Tampermonkey 设置（元数据）：

// ==UserScript==
// @name     [this is my secret]
// @version  1
// @run-at document-end
// @include [this is my secret]
// @grant    none
// ==/UserScript==

脚本有效；我只需要从浏览器控制台访问这些功能。

大多数时候，在调试应用程序时，我觉得如果可以将任何库包含在浏览器控制台中并尝试该libraty中的某些功能，它将更加容易。

现在，在现代javascript/es6/es6/typescript世界中，有什么短而快的工具可以立即将脚本导入浏览器，以便可以直接使用

例

调试时，如果我希望可以观察到，则应该可以执行以下操作

import {Observable} from 'rxjs/Observable';  //typescript way
const Observable= require('rxjs/Observable'); // require way

但是这些都不起作用。

已经探索过的动态<script>代码

我已经探索了使用动态<script>标签的旧方法，如下所示，但它难于处理大量的库文件，而且也不美观

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

我是一名网页设计师。

当我浏览网站时，我喜欢更改一些颜色，并查看更改主颜色时网站的外观。

我使用“检查元素”来做到这一点。但这是非常耗时的工作，因为我需要添加大量代码来更改各处。

是否有任何 JavaScript 代码可以使用浏览器控制台将一种颜色代码更改为另一种颜色代码。

基本上我想要的是像下面这样的......

使用浏览器控制台将此站点中所有位置的 #FFF8DC 颜色更改为 #e6dfc6 颜色。