javascript - 如何找出哪些脚本代码和/或插件在页面上的元素内呈现外观和功能？

Question

我在另一个我喜欢的网页上找到了一个控件。假设站点开发人员不是从头开始构建的，我如何确定他们使用什么脚本框架和/或插件来转换和设置样式？

这就像“条形”中的各种选择控件。它在realtor.com 网站上。

我已经获得了用于父容器及其子容器的类名，但是使用 Opera 的蜻蜓在 javascript 文档中搜索这些类的出现并没有产生任何匹配。我如何知道这是如何构建的？？？

Answer 1

据我所知，没有简单的方法可以告诉您哪些代码渲染了哪些元素。但是你可以在这里扣除。首先，代码是渲染在服务端还是客户端？一个确定的简单方法是检查页面的初始源并检查元素是否已经存在。如果是，则意味着它们是在服务器端呈现的，或者它们已经存在于初始静态文档中。

据我所知，搜索栏标记似乎不是在客户端生成的。

但是，行为肯定是在客户端添加的。我浏览了代码，据我所知，他们似乎正在使用http://www.move.com/上也使用的库

感兴趣的脚本是：

http://static.move.com/getstatic/getfile.ashx?chl=rdc&typ=js&vr=7.2.0.2340&fls=core/jquery/jquery-1.7.1.min,core/jquery/jquery.cookie.min,core /jquery/jquery.validate.min,core/jquery/jquery.json-1.3,core/jquery/jquery.ba-hashchange,core/legacy/legacy-move,core/legacy/movedialog.min,core/namespace,core /utils/underscore-min,core/utils/storage-util,core/movecore,core/cookie/cookies,core/tracking/edwtracking,core/tracking/clientevents,core/tracking/dwgtracking,core/tracking/omnituretracking,core /tracking/comscoretracking,map/hashmapping,core/utils/hash-util,core/utils/support,core/utils/captcha-util,s_code,seo/_seoparagraphs,core/ui/bootstrap

http://static.move.com/getstatic/getfile.ashx?chl=rdc&typ=js&vr=7.2.0.2340&fls=nopaindoubleload4v6,core/utils/jquery.dropkick-1.0.0,search/searchview/_topsearchview,geography/didyoumean /_didyoumean,modal/_modalview,search/_propertysearchcore,search/_partialviewcontainer,core/ui/bootstrappopovertooltip,core/utils/fb_connect_util,core/utils/rc4encrypt,registration/_registrationwidget,core/ui/slider,search/facets/_facetconcepta,geography /_predictivetext,core/ui/bootstraptabs,map/mapview/_mapview,map/map,search/listview/_resultscount,core/ui/bootstrap,search/featuredhomes/_featuredhomes,search/listview/_listviewsort,core/ui/_loadingindicator,search /listview/_listview,admedia/_admedia,search/listview/_resultsperpage,fcma/_fcma,propertydetail/_freemovingquotehandler,propertydetail/leadforms/_leadmodels,core/ui/datepickr,propertydetail/_movingcalculator,search/_trackpageview,search/_tracksearch,registration/_rdcmyitemwidget,admedia/_trackingpixel,instruments,pagetophat/_pagetophat,admedia/_admediamanagercore,breadcrumb/_breadcrumb,contentmanagement/_linkingmodule

他们似乎将模块名称传递给getfile.ashx页面。您可能会消除对您正在寻找的东西似乎无用的模块，这将使代码分析更容易。

检索到源代码后，您可以使用http://jsbeautifier.org/来格式化代码。

看看所有命名空间在MoveCoreand中的东西MoveLib。该库似乎被模块分解，页面将在其中注册它需要的模块MoveCore.Tracking.addService。

请注意，我怀疑“窃取”代码实际上是否合法，我强烈建议您改用自己的解决方案。