0

別の Web ページで気に入ったコントロールを見つけました。サイト開発者がゼロから作成したのではないと仮定すると、どのスクリプト フレームワークやプラグインを使用して変換およびスタイルを設定しているのかをどのように判断すればよいでしょうか?

これは、一種の「バー形式」の選択コントロールのようなものです。ここのrealtor.com サイトにあります。

ここに画像の説明を入力

親コンテナとその子に使用されるクラス名を取得しましたが、Opera のトンボを使用して JavaScript ドキュメントでそれらの出現箇所を検索しても、一致するものはありませんでした。これがどのように構築されているかを知るにはどうすればよいですか???

4

1 に答える 1

0

どのコードがどの要素をレンダリングしたかを知る簡単な方法はありません。ただし、ここでは控除で行くことができます。まず第一に、コードはサーバーまたはクライアントでレンダリングされますか? 確実に知る簡単な方法は、ページの最初のソースを調べて、要素が既に存在するかどうかを確認することです。そうである場合、サーバー側でレンダリングされたか、最初の静的ドキュメントに既に存在していたことを意味します。

私が知る限り、検索バーのマークアップはクライアント側で生成されていないようです。

ただし、動作は確かにクライアント側で追加されます。コードを調べてみたところ、 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/_rdcmyitemswidget,admedia/_trackingpixel,instruments,pagetophat/_pagetophat,admedia/_admediamanagercore,breadcrumb/_breadcrumb,contentmanagement/_linkingmodule

getfile.ashxモジュール名をページに渡しているようです。おそらく、探しているものには役に立たないと思われるモジュールを削除できます。これにより、コード分析が容易になります。

ソースを取得したら、http://jsbeautifier.org/を使用してコードをフォーマットできます。

MoveCoreとで名前空間が設定されているすべてを見てくださいMoveLib。ライブラリは、ページが必要なモジュールを登録するモジュールごとに分割されているようMoveCore.Tracking.addServiceです。

コードを「盗む」ことが実際に合法であるとは思えないことに注意してください。代わりに、独自のソリューションを展開することを強くお勧めします。

于 2013-09-04T20:20:06.260 に答える