有没有办法在Chrome中创建和运行javascript?

时间:2012-03-16 04:37:31

标签: javascript google-chrome

Chrome中有没有办法(如扩展程序或应用程序)在Chrome中创建和运行.js个文件?

10 个答案:

答案 0 :(得分:30)

如果您不想显式创建一个js文件,但仍想测试您的javascript代码,则可以使用代码片段来运行JS代码。

请按照以下步骤操作:

  1. 打开开发工具
  2. 转到“来源”标签
  3. 在“来源”标签下,转到代码段+新代码段
  4. 在编辑器中粘贴您的JS代码,然后在Mac中运行Command + Enter。如果您使用console.log或类似的东西来测试,则应该在console中看到输出。您可以编辑当前打开或运行脚本的网页,加载更多的javascript文件。 (请注意:除非您明确指定,否则这些代码段不会以js文件的形式存储在计算机上,因此,如果删除Chrome,您将丢失所有代码段);
  5. 如果您右键单击摘要,也可以选择另存为摘要。

code javascript using snippets in dev tools

答案 1 :(得分:10)

您需要一个HTML页面来加载JS文件。

答案 2 :(得分:9)

你应该写入文件:

<script>
     //write your JavaScript code here
</script>

使用.html扩展名保存并使用浏览器打开。

例如:

// this is test.html
<script>
   alert("Hello");
   var a = 5;
   function incr(arg){
       arg++;
       return arg;
   }       
   alert(a);
</script>

答案 3 :(得分:8)

必然需要拥有HTML页面。打开Chrome,按Ctrl+Shift+j,它会打开JavaScript控制台,您可以在其中编写和测试代码。

- Chrome JavaScript Console

答案 4 :(得分:7)

试试这个:
 1.从https://nodejs.org/安装Node.js  2.将JavaScript代码放入.js文件(例如someCode.js)中  3.打开cmd shell(或Mac上的终端)并使用Node的Read-Eval-Print-Loop(REPL)执行someCode.js,如下所示:
    的&GT;节点someCode.js

希望这有帮助!

答案 5 :(得分:2)

通常使用文本编辑器来创建源文件(如JavaScript)。我使用VisualStudio,它有JavaScript的intellisence supprt,但任何其他编辑器都可以(Windows上的vim或notepad都很好)。

要自己运行JavaScript,您需要能够做到这一点的东西。即在Windows上,您可以使用CScript script.js命令直接从控制台运行脚本。还有其他方法可以在Windows和其他操作系统上运行JavaScript。

浏览器(如Chrome)不会自行运行JavaScript,只能作为页面或扩展程序的一部分。目前还不清楚人们对浏览器本身的期望是什么。

答案 6 :(得分:2)

如何在Chrome中创建Javascript书签:

您可以使用Javascript书签:https://helloacm.com/how-to-write-chrome-bookmark-scripts-step-by-step-tutorial-with-a-steemit-example/。只需创建一个如下所示的书签即可:

例如:

名称:

Test javascript bookmark in Chrome

URL:

javascript:alert('Hello world!');

只需在URL之前加上javascript:,然后是您的Javascript代码。结肠后不需要空格。

这是我在其中键入内容的样子:

enter image description here

现在保存,然后单击新创建的Javascript书签,您将看到以下内容:

enter image description here

您也可以执行多行脚本。但是,如果包含任何注释,请确保仅使用C样式的多行注释(/* comment */),而不使用C ++样式的单行注释(// comment),因为它们会干扰。这是一个示例:

URL:

javascript:

/* This is my javascript demo */

function multiply(a, b) 
{
    return a * b;
}

var a = 1.4108;
var b = 3.7654;
var result = multiply(a, b);
alert('The result of ' + a + ' x ' + b + ' = ' + result.toFixed(4));

在将上述多行脚本复制并粘贴到书签的URL字段中之后,编辑书签时的外观如下:

enter image description here

这是单击时的输出:

enter image description here

参考文献:

  1. https://superuser.com/questions/192437/case-sensitive-searches-in-google-chrome/582280#582280
  2. https://gist.github.com/borisdiakur/9f9d751b4c9cf5acafa2
  3. Google search for "chrome javascript() in bookmark"
  4. https://helloacm.com/how-to-write-chrome-bookmark-scripts-step-by-step-tutorial-with-a-steemit-example/
  5. https://helloacm.com/how-to-write-chrome-bookmark-scripts-step-by-step-tutorial-with-a-steemit-example/
  6. https://javascript.info/hello-world
  7. JavaScript equivalent to printf/String.Format

答案 7 :(得分:2)

运行js文件最简单的方法是在你的系统中安装nodejs,然后进入如下链接所示的目录
click to show picture
首先,写节点关键字,然后输入文件名

所以要在 node 中运行你的 js 代码,比如 node index

希望你明白这一点

答案 8 :(得分:0)

您还可以在chrome浏览器中打开仅显示文本的js文件路径。

不过,您可以通过以下方式动态创建页面:

$ awk '/[[:alpha:]]/' file
0hjjAby68xp
H5e

现在您可以在控制台中访问js变量和函数。

现在,当您探索应包含的元素时。

所以我想你不需要html文件。

答案 9 :(得分:-4)

打开基本文本编辑器并输入您的html。保存为.html 如果您在地址栏中键入file:/// C:/,则可以导航到所选文件并运行它。 如果要在file:///中打开服务器类型的文件而不是C:/服务器的第一个字母后跟:/。