Javascript 如何为网站编写用户脚本[初学者]

为了简短起见，我想编写一个用户脚本，它可以读取网站上的数据，并以更友好的方式显示

我几乎没有编写userscript的经验，我在firefox上安装了Firebug来帮助我定位元素

我已经从网站上保存了一个页面，但我想学习如何从这里开始，我可以使用什么软件实时测试我的代码。我有记事本+，我可以安装eclipse

我可以找到：

XPATH:/html/body/main/section[2]/div[1]/div[2]/div/div[4]/div[2]/div[1] InnerHTML:$0.30 HTML节点+内容：$0.30 CSS路径：html正文main section.box div.box-shinny-alt div.full div.winsorloss div.oitm div.item div.value

---

我有4个这样的值类元素，我想加在一起，然后显示总和。我应该从哪里开始呢？

听起来你的思路是对的，但是对于初学者来说，庞大的DOM API可能会让人望而生畏，所以让我看看是否可以帮你。正如其他人所建议的，熟悉JavaScript语言本身应该是您的第一步

我相信你问题中最重要的一句话就在这里：

我可以使用什么软件实时测试我的代码

如今Firefox的内置网络控制台功能强大，正是您所需要的。用Ctrl+Shift+K打开它。现在只需关注JavaScript控制台和element inspector选项卡——它们将准确地向您显示代码和HTML的进展情况

看看JS控制台的屏幕截图，我将指出一些有用的功能：

底部的文本栏是您可以输入代码并在上面的日志中查看结果的地方。请注意，当我键入document.body.get…，控制台将显示document.body对象以“get”开头的所有属性的列表

在日志中，您可以看到我之前输入了document.querySelectordiv，它打印了结果对象：页面上的第一个元素。如果单击控制台中的该行，右侧的面板将打开，显示该对象的所有属性及其值。如果单击日志中的白色正方形，它将指出该元素在文档树中的确切位置

---

因此，在控制台中玩游戏；实验如果你想知道财产名称的含义，可以在谷歌或谷歌上搜索。这将帮助您了解domapi。如果你有一些关于JavaScript的更具体的问题找不到答案，我建议你在JavaScript论坛或IRC频道上询问，以帮助新手——也许可以。或者在这里留言，我会看的。祝你好运

显然，您应该从学习JavaScript开始。我不喜欢人们在没有经验、没有尝试的情况下来到这个网站，然后发布一个问题，希望我们为他们做点什么SAgree with@Jamen，这里有一个免费的JavaScript课程，你可以在一两天内完成。我有Java方面的经验，有一些相似之处，但我应该学习JQuery吗？我也在寻求可以帮助我学习的工具。感谢所有这些信息。非常感谢您的帮助。谢谢你给我指点devdocs.io，我觉得这对我很有用。我注意到的一件事是，当我单击控制台中的行时，我的firefox没有显示属性面板。有解决办法吗？我有一个大问题。我想创建一个网站，从另一个网站导入数据，处理数据并将其显示在表中。但是源网站没有API，所以我的想法是使用脚本通过DOM提取数据。我想做这一切从我的网站没有安装脚本。可能吗？@AH15请尝试特别点击。·····································因为，若您想在不使用用户脚本的情况下从另一个域中刮取页面，则必须从Web服务器本身进行刮取。虽然这是我以前做过的事情，但我不能说我有足够的经验来建议最好的方法是什么。然而，已有大量的图书馆用于此目的；看见