Phenquestions
Различити веб прегледачи користе различите механизме приказивања за приказивање веб страница. Дакле, исти код сучеља можда се неће приказати на исти начин у свим веб прегледачима. Да бисте решили овај проблем, можда ћете требати да додате неке интернетске кодове специфичне за прегледач на своју веб локацију. Међутим, то није једини тежи део приликом дизајнирања веб странице компатибилне са различитим прегледачима и уређајима. Ручна провера изгледа веб странице у сваком од циљаних прегледача може вам одузети време. Морали бисте отворити све циљане веб прегледаче, посетити веб страницу, сачекати да се страница учита и упоредити приказане странице међусобно. Да бисте уштедели време, можете да користите функцију екрана Селениум да бисте аутоматски направили снимке екрана веб локације у сваком од циљаних прегледача и сами упоредили слике. То је много брже од ручне методе. Овај чланак ће вам показати како да направите снимке екрана прозора прегледача помоћу програма Селениум.
Предуслови
Да бисте испробали наредбе и примере о којима се говори у овом чланку, морате да имате:
1) Линук дистрибуција (по могућности Убунту) инсталирана на вашем рачунару.
2) Питхон 3 инсталиран на вашем рачунару.
3) ПИП 3 инсталиран на вашем рачунару.
4) Пакет Питхон виртуаленв инсталиран на рачунару.
5) Мозилла Фирефок и Гоогле Цхроме веб прегледачи инсталирани на вашем рачунару.
6) Знање о томе како да инсталирате Фирефок Гецко Дривер и Цхроме Веб Дривер на ваш систем.
Да бисте испунили захтеве 4, 5 и 6, можете прочитати мој чланак Увод у селен са Питхон-ом 3 на Линукхинт-у.цом.
Много других чланака о потребним темама можете пронаћи на ЛинукХинт-у.цом. Обавезно погледајте ове чланке ако вам је потребна додатна помоћ.
Постављање директоријума пројеката
Да бисте све организовали, креирајте нови директоријум пројеката селениум-сцреенсхот /, као што следи:
$ мкдир -пв селениум-сцреенсхот / слике, управљачки програми
Дођите до селениум-сцреенсхот / директоријум пројекта, како следи:
$ цд селениум-снимак екрана /
Направите Питхон виртуелно окружење у директоријуму пројекта, како следи:
$ виртуаленв .венв
Активирајте виртуелно окружење, како следи:
$ извор .венв / бин / активирати
Инсталирајте Селен користећи ПИП3, како следи:
$ пип3 инсталирајте селен
Преузмите и инсталирајте потребни веб управљачки програм у возачи / директоријум пројекта. У чланку сам објаснио поступак преузимања и инсталирања веб управљачких програма Увод у селен са Питхон-ом 3. Ако вам је потребна помоћ у вези са овом темом, претражите ЛинукХинт.цом за овај чланак.
Основе прављења снимака екрана помоћу селена
Овај одељак ће вам дати врло једноставан пример прављења снимака екрана прегледача помоћу програма Селениум.
Прво креирајте нову Питхон скрипту ек01_гоогле-хром.пи и укуцајте следеће скрипте у редове кода.
из селена за увоз вебдривер-аод селена.вебдривер.заједнички.кључеви увозе кључеве
гооглеЦхромеОптионс = вебдривер.хром.Опције.Опције()
гооглеЦхромеОптионс.без главе = Тачно
гооглеЦхромеОптионс.адд_аргумент ('- величина прозора = 1280,720')
гооглеЦхроме = вебдривер.Цхроме (извршна_пута = "./ возачи / цхромедривер ",
оптионс = гооглеЦхромеОптионс)
пагеУрл = "хттпс: // ввв.в3сцхоолс.цом ";
гооглеЦхроме.гет (пагеУрл)
гооглеЦхроме.саве_сцреенсхот ('имагес / в3сцхоолс_гоогле-цхроме.пнг ')
гооглеЦхроме.Близу()
Када завршите, сачувајте ек01_гоогле-хром.пи Питхон скрипта.
Ред 4 ствара Опције објекат за веб прегледач Гоогле Цхроме.
Ред 5 омогућава режим без главе за Гоогле Цхроме.
Ред 6 поставља величину прозора на 1280 × 720 пиксела.
Ред 8 креира објекат прегледача помоћу Цхроме управљачког програма и чува га у гооглеЦхроме променљива.
Ред 10 дефинише а пагеУрл променљива. Тхе пагеУрл променљива садржи УРЛ веб странице на којој ће снимак екрана бити Селениум.
Линија 11 учитава пагеУрл у прегледачу.
Ред 12 користи саве_сцреенсхот () метода за чување снимка екрана прозора прегледача у датотеку в3сцхоолс_гоогле-цхроме.пнг у слике / директоријум пројекта.
Коначно, линија 14 затвара прегледач.
Затим покрените ек01_гоогле-хром.пи Питхон скрипта, како следи:
$ питхон3 ек01_гоогле-цхроме.пи
Након успешног извршавања скрипте, снимак екрана биће сачуван у датотеци слике в3сцхоолс_гоогле-цхроме.пнг у слике / директоријум пројекта, као што можете видети на снимку екрана испод.
Да бисте направили снимак екрана исте веб локације, али у прегледачу Фирефок, креирајте нову Питхон скрипту ек01_фирефок.пи и укуцајте следеће скрипте у редове кода.
из селена за увоз вебдривер-аод селена.вебдривер.заједнички.кључеви увозе кључеве
фирефокОптионс = вебдривер.фирефок.Опције.Опције()
фирефокОптионс.без главе = Тачно
фирефокОптионс.адд_аргумент ('- ширина = 1280')
фирефокОптионс.адд_аргумент ('- висина = 720')
фирефок = вебдривер.Фирефок (извршна_пута = "./ дриверс / гецкодривер ", оптионс = фирефокОптионс)
пагеУрл = "хттпс: // ввв.в3сцхоолс.цом ";
фирефок.гет (пагеУрл)
фирефок.саве_сцреенсхот ('имагес / в3сцхоолс_фирефок.пнг ')
фирефок.Близу()
Када завршите, сачувајте ек01_фирефок.пи Питхон скрипта.
Ред 4 ствара Опције објекат за веб прегледач Фирефок.
Линија 5 омогућава режим без главе за Фирефок.
Ред 6 поставља ширину прозора прегледача на 1280 пиксела, а ред 7 поставља висину прозора прегледача на 720 пиксела.
Ред 9 креира објекат прегледача помоћу управљачког програма Фирефок Гецко и чува га у фирефок променљива.
Линија 11 дефинише а пагеУрл променљива. Тхе пагеУрл променљива садржи УРЛ веб странице на којој ће снимак екрана бити Селениум.
Линија 13 учитава пагеУрл у прегледачу.
Ред 14 користи саве_сцреенсхот () метода за чување снимка екрана прозора прегледача у датотеку в3сцхоолс_фирефок.пнг у слике / директоријум пројекта.
Коначно, линија 15 затвара прегледач.
Затим покрените ек01_фирефок.пи Питхон скрипта, како следи:
$ питхон3 ек01_фирефок.пи
Након успешног извршавања скрипте, снимак екрана треба сачувати у датотеку слике в3сцхоолс_фирефок.пнг у слике / директоријум пројекта, као што можете видети на снимку екрана испод.
Прављење снимака екрана различитих резолуција екрана
Овај одељак ће вам показати како да направите снимке екрана исте веб странице у различитим резолуцијама екрана. У овом одељку ћу користити веб прегледач Гоогле Цхроме, али за овај одељак можете користити Фирефок или било који други прегледач.
Прво креирајте нову Питхон скрипту ек02.пи и укуцајте у скрипту следеће редове кода.
из селена за увоз вебдривер-аод селена.вебдривер.заједнички.кључеви увозе кључеве
пагеУрл = "хттпс: // ввв.в3сцхоолс.цом / ";
резолуције = ['320,1080', '500,1080', '720,1080', '1366,1080', '1920,1080']
за резолуцију у резолуцијама:
принт ("Прављење снимка екрана за резолуцију% с ..."% (резолуција.заменити (',', 'к')))
цхромеОптионс = вебдривер.ЦхромеОптионс ()
цхромеОптионс.без главе = Тачно
цхромеОптионс.адд_аргумент ('- сизе-виндов =' + резолуција)
цхроме = вебдривер.Цхроме (извршна_пута = "./ дриверс / цхромедривер ", оптионс = цхромеОптионс)
хром.гет (пагеУрл)
оутпутИмаге = 'имагес / хомепаге_цхроме_' + резолуција.реплаце (',', '_') + '.пнг '
хром.снимка_ снимка заслона (оутпутИмаге)
хром.Близу()
принт ('Сачувано у% с.'% (оутпутИмаге))
Када завршите, сачувајте ек02.пи Питхон скрипта.
Ред 4 дефинише а пагеУрл променљива која садржи УРЛ веб странице коју бих желео да снимим у различитим резолуцијама екрана.
Ред 5 дефинише а резолуције списак који садржи списак резолуција са којих бих желео да направим снимке екрана.
Ред 7 се понавља кроз сваки од резолуцијас у резолуције листа.
Унутар петље, линија 8 исписује значајну поруку на конзоли.
Линије 10-15 креирају објекат прегледача помоћу резолуција тренутне итерације петље и чува је у хром променљива.
Линија 17 учитава пагеУрл у прегледачу.
Ред 19 генерише путању слике, где ће се снимак екрана сачувати, и чува слику у оутпутИмаге променљива.
Ред 20 прави снимак екрана прозора прегледача и чува га у путањи оутпутИмаге.
Линија 21 затвара прегледач.
Ред 22 исписује значајну поруку на конзоли и завршава петљу.
Затим, петља почиње поново са следећом резолуцијом екрана (тј.е., следећа ставка на листи).
Затим покрените ек02.пи Питхон скрипта, како следи:
$ питхон3 ек02.пи
Питхон скрипта ек02.пи треба да направи снимке екрана са датим УРЛ-ом у свакој од изабраних резолуција екрана.
Снимак екрана в3сцхоолс.цом у ширини од 320 пиксела.
Снимак екрана в3сцхоолс.цом у ширини од 500 пиксела.
Снимак екрана в3сцхоолс.цом у ширини од 720 пиксела.
Снимак екрана в3сцхоолс.цом у ширини од 1366 пиксела.
Снимак екрана в3сцхоолс.цом у 1920 пиксела ширине.
Ако упоредите снимке екрана, требало би да видите да се кориснички интерфејс мења са ширином прозора прегледача. Користећи функцију екрана Селениум, можете да видите како ваша веб локација изгледа брзо и лако у различитим резолуцијама екрана.
Закључак
Овај чланак вам је показао неке од основа прављења снимака екрана помоћу селена и веб управљачких програма Цхроме и Фирефок. Чланак вам је такође показао како да правите снимке екрана у различитим резолуцијама екрана. Ово би требало да вам помогне да започнете са функцијом екрана Селениум.
