Առցանց խանութի վերլուծության օրինակ՝ օգտագործելով iDatica ընդլայնումը
Posted: Wed Dec 18, 2024 4:54 am
Բացեք կայքը բրաուզերում (հոդվածում որպես օրինակ օգտագործվում է Google Chrome, բայց MS Edge-ը նույնն է), բացեք մշակողի գործիքները (F12), տեղադրեք ընդլայնման պատուհանը կողքին.
երկարացման աշխատանքային պատուհաններ
Այժմ մենք պետք է ստեղծենք առաջին սյունակը տվյալների հետ, թող լինի «Ապրանքի անվանումը» դաշտը:
վերլուծություն քայլ 1
կհայտնվի սյունակի կարգավորումներով դաշտ, անվանեք դաշտը.
վերլուծություն քայլ 2
Սյունակը պարունակում է.
xpath կամ css տվյալներ որոնելու համար ընտրիչի ընտրություն;
Հարցման դաշտ, որը կհանգեցնի Հեռավաճառքի տվյալներ պահանջվող տվյալներին. այս ուղին ցույց է տալիս ծրագրին, թե ինչ տվյալներ պետք է հավաքվեն կայքում և տեղադրվեն այս սյունակում: Ինչպես ստեղծել հարցումներ, նկարագրված է այս հոդվածում.
Տվյալների ուղին որոնելու կոճակ – տվյալների հարցումը ստեղծվում է ավտոմատ կերպով.
Կոճակ, որը ցույց է տալիս, թե էջի որ տարրերը համապատասխանում են մուտքագրված հարցմանը.
Կոճակ՝ ցույց տալու համար, թե ինչ տվյալներ կան էջում այս հարցման և դրա քանակի համար:
Եկեք ստանանք ապրանքների անվանումները: Դա անելու համար աջ սեղմեք անվան վրա և ընտրեք «դիտել կոդը» համատեքստի ընտրացանկում.
վերլուծություն քայլ 3
Մշակողի վահանակի կենտրոնացումը կգնա կայքի կոդի այն տեղը, որտեղ գտնվում է վերնագիրը.
վերլուծություն քայլ 4
Մենք տեսնում ենք h2 վերնագիրը, այն պարունակում է հղում a, հղումը պարունակում է span տարր, որը պարունակում է վերնագրի տեքստը: Քանի որ h2 վերնագիրը էջի եզակի տարր է, մենք դրանից կստեղծենք xpath հարցում.
Եկեք ընտրենք ընտրիչը՝ xpath: Հարցումը կդնենք համապատասխան դաշտում։ Կտտացրեք խոշորացույցի պատկերակին՝ ստուգելու համար, թե ինչ է գտնում վերլուծիչը էջում (կայքի հետ զննարկիչի պատուհանը պետք է ակտիվ լինի) - գտնված արժեքները կնշվեն.
վերլուծություն քայլ 5
Հաջորդ քայլը սյունակի ստեղծումն է, որը կհավաքի գինը: Խնդրում ենք նկատի ունենալ, որ ոչ բոլոր ապրանքներն ունեն գին.
վերլուծություն քայլ 5
Ընթացիկ կազմաձևում վերլուծիչը «չգիտի», թե որտեղ են սկսվում և ավարտվում մեկ ապրանքի հետ կապված տվյալները, ինչը նշանակում է, որ եթե դուք վերլուծում եք անուններն ու գները, ապա վերջնական բեռնաթափման ժամանակ տվյալները կհաջորդեն մեկը մյուսի հետևից՝ առանց դրանցում բացերի։ բջիջներ, որտեղ տվյալներ չկան.
վերլուծություն քայլ 7
Որպեսզի մեկ ապրանքի հետ կապված տվյալները տեղակայվեն մեկ տողում, դուք պետք է վերլուծողին ասեք մեկ ապրանքի բլոկի սկիզբը և վերջը։ Կոդի մեջ մեկ ապրանքի բլոկը գտնելու համար սկսեք վերև շարժվել կոդը, առաջադրանքի տեսուչի կուրսորը սավառնել կոդի վրա, նշեք, որ տվյալների բլոկները կնշվեն.
Տվյալների բլոկներ
Մեր խնդիրն է գտնել ապրանքի համար պատասխանատու վերին բլոկը, այդպիսի բլոկները կգնան մեկը մյուսի հետևից և սավառնելիս ընդգծում են ապրանքի քարտը: Եկեք հարցում գրենք այս բլոկին, ես որոշեցի օգտագործել .s-widget-spacing-small ոճը։ Մենք ընտրում ենք տվյալների բլոկի ուղին՝ CSS, այնտեղ գրեք ցանկալի ոճը.
վերլուծություն քայլ 7
Եկեք սեղմենք խոշորացույցի պատկերակը և ստուգենք, որ վերլուծիչը ճիշտ է նույնացնում ապրանքի քարտերով բլոկները:
երկարացման աշխատանքային պատուհաններ
Այժմ մենք պետք է ստեղծենք առաջին սյունակը տվյալների հետ, թող լինի «Ապրանքի անվանումը» դաշտը:
վերլուծություն քայլ 1
կհայտնվի սյունակի կարգավորումներով դաշտ, անվանեք դաշտը.
վերլուծություն քայլ 2
Սյունակը պարունակում է.
xpath կամ css տվյալներ որոնելու համար ընտրիչի ընտրություն;
Հարցման դաշտ, որը կհանգեցնի Հեռավաճառքի տվյալներ պահանջվող տվյալներին. այս ուղին ցույց է տալիս ծրագրին, թե ինչ տվյալներ պետք է հավաքվեն կայքում և տեղադրվեն այս սյունակում: Ինչպես ստեղծել հարցումներ, նկարագրված է այս հոդվածում.
Տվյալների ուղին որոնելու կոճակ – տվյալների հարցումը ստեղծվում է ավտոմատ կերպով.
Կոճակ, որը ցույց է տալիս, թե էջի որ տարրերը համապատասխանում են մուտքագրված հարցմանը.
Կոճակ՝ ցույց տալու համար, թե ինչ տվյալներ կան էջում այս հարցման և դրա քանակի համար:
Եկեք ստանանք ապրանքների անվանումները: Դա անելու համար աջ սեղմեք անվան վրա և ընտրեք «դիտել կոդը» համատեքստի ընտրացանկում.
վերլուծություն քայլ 3
Մշակողի վահանակի կենտրոնացումը կգնա կայքի կոդի այն տեղը, որտեղ գտնվում է վերնագիրը.
վերլուծություն քայլ 4
Մենք տեսնում ենք h2 վերնագիրը, այն պարունակում է հղում a, հղումը պարունակում է span տարր, որը պարունակում է վերնագրի տեքստը: Քանի որ h2 վերնագիրը էջի եզակի տարր է, մենք դրանից կստեղծենք xpath հարցում.
Եկեք ընտրենք ընտրիչը՝ xpath: Հարցումը կդնենք համապատասխան դաշտում։ Կտտացրեք խոշորացույցի պատկերակին՝ ստուգելու համար, թե ինչ է գտնում վերլուծիչը էջում (կայքի հետ զննարկիչի պատուհանը պետք է ակտիվ լինի) - գտնված արժեքները կնշվեն.
վերլուծություն քայլ 5
Հաջորդ քայլը սյունակի ստեղծումն է, որը կհավաքի գինը: Խնդրում ենք նկատի ունենալ, որ ոչ բոլոր ապրանքներն ունեն գին.
վերլուծություն քայլ 5
Ընթացիկ կազմաձևում վերլուծիչը «չգիտի», թե որտեղ են սկսվում և ավարտվում մեկ ապրանքի հետ կապված տվյալները, ինչը նշանակում է, որ եթե դուք վերլուծում եք անուններն ու գները, ապա վերջնական բեռնաթափման ժամանակ տվյալները կհաջորդեն մեկը մյուսի հետևից՝ առանց դրանցում բացերի։ բջիջներ, որտեղ տվյալներ չկան.
վերլուծություն քայլ 7
Որպեսզի մեկ ապրանքի հետ կապված տվյալները տեղակայվեն մեկ տողում, դուք պետք է վերլուծողին ասեք մեկ ապրանքի բլոկի սկիզբը և վերջը։ Կոդի մեջ մեկ ապրանքի բլոկը գտնելու համար սկսեք վերև շարժվել կոդը, առաջադրանքի տեսուչի կուրսորը սավառնել կոդի վրա, նշեք, որ տվյալների բլոկները կնշվեն.
Տվյալների բլոկներ
Մեր խնդիրն է գտնել ապրանքի համար պատասխանատու վերին բլոկը, այդպիսի բլոկները կգնան մեկը մյուսի հետևից և սավառնելիս ընդգծում են ապրանքի քարտը: Եկեք հարցում գրենք այս բլոկին, ես որոշեցի օգտագործել .s-widget-spacing-small ոճը։ Մենք ընտրում ենք տվյալների բլոկի ուղին՝ CSS, այնտեղ գրեք ցանկալի ոճը.
վերլուծություն քայլ 7
Եկեք սեղմենք խոշորացույցի պատկերակը և ստուգենք, որ վերլուծիչը ճիշտ է նույնացնում ապրանքի քարտերով բլոկները: