我如何在浏览器中运行 Javascript |21xrx.com

我如何在浏览器中运行 Javascript

2023-06-16 10:04:41 深夜i -- --

浏览器 JavaScript 控制台书签油猴脚本

我爱开发者工具！我的工具箱里有一些工具，它们可以帮助我在浏览器中运行 JavaScript。在这里，我会向你介绍一些方法以便在浏览器中运行 JavaScript。

1. 控制台

浏览器中自带了一个控制台工具，通常可以通过按下 F12 键或者右键选择 "检查元素" 来打开。控制台中的命令行界面可以让我在浏览器环境下执行任意 JavaScript 代码。

比如，我想要查看当前页面中所有的链接的 href 属性，我可以在控制台输入以下代码：


var list = document.querySelectorAll('a');
for(var i = 0; i < list.length; i++){
 console.log(list[i].href);
}

2. 书签

书签可以快速向当前页面注入 JavaScript 代码。在书签的 URL 字段中输入一段 JavaScript 代码后，点击书签即可在当前页面中执行该代码。

比如，我想要在当前页面中弹出一个提示框，我可以创建一个书签并填写如下内容：


javascript:alert('Hello, World!');

3. 油猴脚本

油猴脚本是一个浏览器扩展程序，它可以让我为指定的网站编写自定义 JavaScript 代码。

比如，我想要为 GitHub 网站添加一个按钮，我可以编写一个油猴脚本如下：


// ==UserScript==
// @name     Add Button on GitHub
// @namespace  https://github.com
// @version   1
// @description Add a new button to the GitHub landing page header
// @author    Me
// @match    https://github.com/
// @grant    none
// ==/UserScript==
(function() {
  'use strict';
  var buttonElement = document.createElement("button");
  buttonElement.innerHTML = "Click Me";
  var header = document.getElementsByClassName("Header")[0];
  header.appendChild(buttonElement);
})();

所以这就是如何在浏览器中运行 JavaScript 的几种方法，可以让我更高效地进行开发。

上一篇: idea打包java可执行jar包

下一篇: 怎样在C语言中输出三个数的乘积

评论区

()

相似文章