Javascript “一个人是怎么做的？”；“调试”；css文件_Javascript_Html_Css

Javascript “一个人是怎么做的？”；“调试”；css文件

javascript html css

Javascript “一个人是怎么做的？”；“调试”；css文件,javascript,html,css,Javascript,Html,Css,我是（现代）网络开发新手。无论如何，我下载了一个图像旋转器和一个使用jquery的下拉菜单。现在，我把它们放在一起，它们工作得很好。但是有了这个下拉菜单，我有了一个水平切片的图片，而不是一个垂直的选项列表如果我只是把图像A，B，C——不管出于什么原因，它都会将它们彼此垂直放置，而不是从左到右。所以，我试着把它们放在一张小桌子里——它迫使图片之间存在一个小的间隙，而不是让它们从左到右无间隙——即使我说border=0 如何调试此程序？下载firebug，或尝试使用google chrome we

我是（现代）网络开发新手。无论如何，我下载了一个图像旋转器和一个使用jquery的下拉菜单。现在，我把它们放在一起，它们工作得很好。但是有了这个下拉菜单，我有了一个水平切片的图片，而不是一个垂直的选项列表

如果我只是把图像A，B，C——不管出于什么原因，它都会将它们彼此垂直放置，而不是从左到右。所以，我试着把它们放在一张小桌子里——它迫使图片之间存在一个小的间隙，而不是让它们从左到右无间隙——即使我说border=0

如何调试此程序？

下载firebug，或尝试使用google chrome web调试器（ctrl+shift+J）

Firebug可能对您更有利，因为它允许您编辑网页，并查看某些css调用对页面的影响。这是我一直在用的东西

还有一个下载（我会得到链接），可以让你在其他浏览器中运行firebug

编辑

试试Firefox的Firebug插件。您可以使用它通过简单的点击来确定哪些规则应用于dom元素

您还可以动态编辑CSS并立即查看更改—在移动内容时非常方便，并且不想在每次更改后刷新。。在Firebug中更改CSS，当您满意时，将它们复制回您的文件。

现代浏览器将允许您检查页面元素的确切CSS。您可以使用这些工具进行调试

在Chrome中，右键单击元素并单击“检查元素”，或单击右上角的扳手图标，转到工具>开发人员工具，然后单击元素选项卡以检查元素
Firefox有FireBug插件，您可以从中下载
IE有开发工具。刚刚击中F12
我不确定Safari有什么，但可能类似

我建议Firefox（插件）使用“Web开发者工具栏”，然后转到CSS->查看样式信息。

主要的调试工具是使用“！important”规则强制执行一些规则，以便解决问题，此外，使用Firefox的Firebug、Chrome和Safari的inspector等工具可以帮助您查看计算出的css。另外，Firefox的Web Developer Toolbar具有丰富的DOM工具，允许您检查实时DOM树

大多数Web浏览器都内置了Web检查器。您可以使用这些检查页面上的元素，并检查、添加或删除样式。由于调试问题，您通常会尝试删除样式，但偶尔也需要添加样式。下面是一个例子：如果我有：

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Hello World</title>

<style>
  #hello { color: white }
</style>
</head>
<body>
  <p id="hello">Hello World</p>
</body>
</html>


你好，世界
#你好{颜色：白色}
hello World

#你好

不会出现。我可以使用Google Chrome中的Web Inspector来发现这一点：

萤火虫现在是如此不可或缺。让我想知道“过去”我们是怎么做到的。我不知道这也行得通。我猜他们觉得他们需要两个简短的剪辑。chrome中的不同开发选项卡有几个ctrl+shift+{x}。这里有一个列表。顺便说一句，出于许多原因，很多人更喜欢Safari和Chrome内置的inspector。如果我对您实际问题的理解是正确的，那么您需要“编写新代码”，而不是“调试现有代码”。