0

我正在学习网页设计,没有比重做其他工作更好的方法了。所以我正在阅读其他页面的代码,但是很难找到 jQuery、Javascript 或modernizer 或......负责该效果的代码。

我使用的是firebug,也使用了firequery,但问题是他们给了我事件而不是代码和一棵DOM的大树,我什至不知道我在哪里查看它。

我真的不在乎触发了哪个事件,但我确实在乎代码是如何编写的。如果我找到代码,以便我可以理解事件是单击还是焦点...

或者假设一个网站有一个链接到一个网站的 javascript 文件。当我加载网页时,我得到一个由 DOM 和外部/内部脚本组成的网页。当我看到一个很酷的效果并想阅读代码时,我运行 firebug,检查元素以查找元素。之后我不知道该怎么办?我无法在脚本中搜索选择器或事件,因为站点的开发人员可能使用了我正在搜索的不同选择器。有时我会找到代码,但它太卡了,不是人类可读的形式,我不知道如何将代码更改为缩进和整洁的东西

当网站使用 jQuery 以外的其他 java 框架时,问题变得更加严重。

我搜索了很多,使用了很多工具,但找不到任何有用的东西,请您的建议照亮我学习网络开发的方式

编辑:--我找到了一种方法,但我确信应该有一个更好的方法,首先在 chrome 中我检查元素以找到相应的元素,然后我右键单击并检查它上面的所有断点(如果它没有我对父元素做同样的事情)

在此处输入图像描述

之后我玩那个元素来触发这个功能并且它打破了

在此处输入图像描述

通常调用该方法的函数在调用堆栈中

也为了阅读也为了阅读脚本,我使用漂亮的 chrome 打印,我使用了一些在线漂亮的,但它们中的大多数在字符数量上都有限制,对于长脚本来说,谷歌首页的结果都不够好。所以现在唯一的好选择是chrome,有人有其他方法吗?

4

1 回答 1

0

仅仅通过检查很难学会如何做事,因为许多效果可能完全在 JavaScript 中实现,这些效果可能很深,隐藏在源文件中。

您提到代码不是人类可读的形式,美化它可能会有所帮助: https ://stackoverflow.com/a/6318092/1061602

大多数“视觉”效果应该能够从 CSS 中查看,例如 JQuery Mobile 的按钮,可以看到不同类是如何组合的ui-shadowui-btn,ui-disabled

否则,搜索选择器几乎是您所能做的。就个人而言,如果我正在学习,一次看太多代码可能会让人不知所措。此外,许多 UI 效果可能难以追踪。

我的建议是,也许更好的解决方法是尝试描述您需要的一种效果,然后在 Google 或 Stack Overflow 上搜索有关如何创建该效果的指导。

通常的文档来源将很有用:

http://www.w3schools.com/css3/default.asp

http://api.jquery.com/

快乐学习!

于 2013-10-14T08:03:11.747 回答