Chrome扩展程序可将javascript添加到实时页面中

时间:2015-04-20 10:02:05

标签: javascript jquery google-chrome

我打算在我网站的特定页面上添加一些小的Jquery来改变一些布局。

我喜欢在发布之前预览我的脚本的方法。想知道是否存在任何可以让我将一些新脚本加载到浏览器中的Chrome扩展程序,以便我可以预览页面如何直接显示? (没有做任何出版物等)

我使用一个名为MagiCSS的动态预览即时更改CSS,希望javascript存在类似内容。

所以一直按照建议尝试控制台

我似乎需要在代码实际执行之前刷新页面(可能是因为我使用的是jQuery document.ready函数)一旦页面刷新但我从控制台丢失了我的代码(即使这会执行)。我这样做对吗?似乎需要大量来回才能做到这一点

1 个答案:

答案 0 :(得分:1)

  1. 您可以打开Chrome调试器(按F12键)
  2. 转到控制台,输入您的代码,然后按ENTER执行该操作。
  3. 如果您想在代码中添加新行,请按SHIFT + ENTER。 (单独按ENTER将执行您的javascript代码)