Как правильно выставить разрешение экрана и браузера в снипете?

[Mikhail B.]

Есть снипет

// установка рандомных размеров окна и инстанса
Random rnd = new Random();
string[] monitorSizeArr = {"360|740","360|740","360|740"};
string monitorSize = monitorSizeArr[rnd.Next(0,3)];
string[] split = monitorSize.Split(new[] {"|"}, StringSplitOptions.None);

int ScrSizeWidth = Convert.ToInt16(split[0]);
int ScrSizeHeight = Convert.ToInt16(split[1]);
int AvailScrWidth = ScrSizeWidth;
int AvailScrHeight = ScrSizeHeight;
int WindowSizeWidth = ScrSizeWidth;
int WindowSizeHeight = ScrSizeHeight -100;
int OuterWidthShift = rnd.Next(7, 25);
int OuterHeightShift = rnd.Next(96, 140);

project.Profile.ScreenSizeWidth = ScrSizeWidth;
project.Profile.ScreenSizeHeight = ScrSizeHeight;
project.Profile.AvailScreenWidth = AvailScrWidth;
project.Profile.AvailScreenHeight = AvailScrHeight;
project.Profile.OuterWidthShift = OuterWidthShift;
project.Profile.OuterHeightShift = OuterHeightShift;
instance.SetWindowSize(WindowSizeWidth, WindowSizeHeight);

Надо сделать что бы тут https://browserleaks.com/javascript
Были корректные значение схожие с оригинальным на телефоне.

А именно. Красным выделена видимая часть браузера, видите она меньше, т.е. бар барузера не учитывается. В профилях такое не генерится, да и в коде я сделал что бы viewport изменился, но значения снизу остались не изменными.
В общем можете даже на своем телефоне проверить. Как он показывает разрешение, и как PM его генерит.

 

[Roman48]

Есть снипет

// установка рандомных размеров окна и инстанса
Random rnd = new Random();
string[] monitorSizeArr = {"360|740","360|740","360|740"};
string monitorSize = monitorSizeArr[rnd.Next(0,3)];
string[] split = monitorSize.Split(new[] {"|"}, StringSplitOptions.None);
  
int ScrSizeWidth = Convert.ToInt16(split[0]);
int ScrSizeHeight = Convert.ToInt16(split[1]);
int AvailScrWidth = ScrSizeWidth;
int AvailScrHeight = ScrSizeHeight;
int WindowSizeWidth = ScrSizeWidth;
int WindowSizeHeight = ScrSizeHeight -100;
int OuterWidthShift = rnd.Next(7, 25);
int OuterHeightShift = rnd.Next(96, 140);

project.Profile.ScreenSizeWidth = ScrSizeWidth;
project.Profile.ScreenSizeHeight = ScrSizeHeight;
project.Profile.AvailScreenWidth = AvailScrWidth;
project.Profile.AvailScreenHeight = AvailScrHeight;
project.Profile.OuterWidthShift = OuterWidthShift;
project.Profile.OuterHeightShift = OuterHeightShift;
instance.SetWindowSize(WindowSizeWidth, WindowSizeHeight);

Надо сделать что бы тут https://browserleaks.com/javascript
Были корректные значение схожие с оригинальным на телефоне.


Посмотреть вложение 60341

Все просто, я этот использую, да без разницы какой сниппет, его для примера.

instance.SetBrowserPreference("network.proxy.socks_remote_dns", true);
Random r = new Random();
 
// Формируем набор популярных десктопных разрешений [Идея хранения позаимствована у doc'a, за что ему большая благодарность!]
int [,] resolutionSet = {
    {360, 640}
    //{480, 640}
};
// Получаем рандомное разрешение и устанавливаем
int resolution = r.Next(resolutionSet.Length/2);
project.Profile.ScreenSizeWidth = resolutionSet[resolution, 0];
project.Profile.ScreenSizeHeight = resolutionSet[resolution, 1];
var TestW = Convert.ToInt32(resolutionSet[resolution, 0]);
var TestH = Convert.ToInt32(resolutionSet[resolution, 1]);

instance.SetWindowSize (TestW, TestH);
// Видимая область
project.Profile.AvailScreenWidth = project.Profile.ScreenSizeWidth-17;
project.Profile.AvailScreenHeight = project.Profile.ScreenSizeHeight-40;
// Глубина цвета монитора (Color Depth)
// [Чуть позже будет обновление механизма установки этого параметра]
instance.SetScreenPreference("screen_color_depth", 24);

{-Profile.ScreenSizeWidth-}
{-Profile.ScreenSizeHeight-}

 

[Mikhail B.]

Все просто, я этот использую, да без разницы какой сниппет, его для примера.

Ну так он не решил поставленную задачу. Такие разрешения и профиль генерит. Я щас подправлю пост, что бы понятнее было что мне надо.

UPD. Подправил.

UPD. + у тебя появился скролл, которого в мобилке нету.

 

[Roman48]

Ну так он не решил поставленную задачу. Такие разрешения и профиль генерит. Я щас подправлю пост, что бы понятнее было что мне надо.

UPD. Подправил.

UPD. + у тебя появился скролл, которого в мобилке нету.

Мой нокиа 6 так, но да что-то не сходится.
Во ты тему подкинул, теперь я тоже буду думать как решить эту проблему

 

[luk911]

// Видимая область
project.Profile.AvailScreenWidth = project.Profile.ScreenSizeWidth-17;
project.Profile.AvailScreenHeight = project.Profile.ScreenSizeHeight-40;
// Глубина цвета монитора (Color Depth

На мобилах есть полосы прокрутки ?

 

[Iv1]

// Видимая область
project.Profile.AvailScreenWidth = project.Profile.ScreenSizeWidth-17;
project.Profile.AvailScreenHeight = project.Profile.ScreenSizeHeight-40;

Это все не правильно
1. для мобилы это вообще автомитически считается и учитывает как раз полосу прокрутки которой нет. Т.е. смещения тут равны нулю реально
2. -17 и -40 смещения - надо проверять на разных девайсах. Сколько я смотрел - даже не дескстопе может отличаться.
3. Вручную сюда считаю что лучше вообще не лазить. Лучше (без багов) выставить возможности нету, а еще хуже - легко.

Вот баг с полосой прокрутки

https://zennolab.com/discussion/threads/mobile-polosa-skrola-v-brauzere-lomanyj-viewport.80292/

 

[Iv1]

Подробности читаем тут https://developer.mozilla.org/en-US/docs/Web/API/Screen

В частности

Screen.availHeightSpecifies the height of the screen, in pixels, minus permanent or semipermanent user interface features displayed by the operating system, such as the Taskbar on Windows.

И где-то на форумах буржуйских прогеров эта тема тоже разжовывалась как правильно считать, но я потерял где.

 

[Mikhail B.]

// Видимая область
project.Profile.AvailScreenWidth = project.Profile.ScreenSizeWidth-17;
project.Profile.AvailScreenHeight = project.Profile.ScreenSizeHeight-40;

Это все не правильно
1. для мобилы это вообще автомитически считается и учитывает как раз полосу прокрутки которой нет. Т.е. смещения тут равны нулю реально
2. -17 и -40 смещения - надо проверять на разных девайсах. Сколько я смотрел - даже не дескстопе может отличаться.
3. Вручную сюда считаю что лучше вообще не лазить. Лучше (без багов) выставить возможности нету, а еще хуже - легко.

Вот баг с полосой прокрутки

https://zennolab.com/discussion/threads/mobile-polosa-skrola-v-brauzere-lomanyj-viewport.80292/

хочешь сказать лучше оставить зеновскую генерацию?

 

[Iv1]

хочешь сказать лучше оставить зеновскую генерацию?

Имею ввиду что как не плюнь, то все криво.
Потому руками не лазить чтобы не сделать еще хуже. В частности вводить коэффициенты там какие-то поправки, вычеты размеров и тд.
Глобально только контролировать размер окна(viewport)
но тут косяк!
Потому что размер viewport не сохраняется в профиле)) (гы гы, привет разрабам, которые считают что это настолько ничтожный параметр, что он не достоин хранения в профиле)
Надо самому для профилей его считать и хранить.

 

[Mikhail B.]

Имею ввиду что как не плюнь, то все криво.
Потому руками не лазить чтобы не сделать еще хуже.
Глобально только контролировать размер окна(viewport)
но тут косяк!
Потому что размер viewport не сохраняется в профиле)) (гы гы, привет разрабам, которые считают что это настолько ничтожный параметр, что он не достоин хранения в профиле)
Надо самому для профилей его считать и хранить.

Значит надо делать предложение. Можешь сформировать корректное предложение в разделе предложений? Видно что тебе тема более близка и ты сможешь раскрыть тему)))

 

[Iv1]

Значит надо делать предложение. Можешь сформировать корректное предложение в разделе предложений? Видно что тебе тема более близка и ты сможешь раскрыть тему)))

Рас, два, три

https://zennolab.com/discussion/threads/mobile-polosa-skrola-v-brauzere-lomanyj-viewport.80292/

https://zennolab.com/discussion/threads/ne-vse-nastrojki-ehkrana-soxranjajutsja-v-profile.80402/

https://zennolab.com/discussion/threads/ne-pravilno-zadaetsja-device-pixel-ratio.79558/

Все давно запощено. А толку?)

 

[Mikhail B.]

Все давно запощено. А толку?)

Хз)) Спрошу в поддержке что с темами и почему статуса нету у некоторых.

 

[luk911]

Посмотрел на реальных девайсах по ширине всегда совпадает, то есть нет отступов справа. А вот по высоте иногда бывает значительный отступ - видимо менюшка андроида снизу занимает ...

 

[Mikhail B.]

Посмотрел на реальных девайсах по ширине всегда совпадает, то есть нет отступов справа. А вот по высоте иногда бывает значительный отступ - видимо менюшка андроида снизу занимает ...

Вобще кто-то юзает браузер на весь экран? Я даже не знаю можно ли его так юзать)) на компе да F11 нажал и юзай, это как бы простительно еще

 

[Iv1]

Посмотрел на реальных девайсах по ширине всегда совпадает, то есть нет отступов справа. А вот по высоте иногда бывает значительный отступ - видимо менюшка андроида снизу занимает ...

Если смотреть сервисами то зенка не может выдать адекватный avail. Тут хоть усчитайся - пофиг.

 

[Iv1]

Вобще кто-то юзает браузер на весь экран? Я даже не знаю можно ли его так юзать)) на компе да F11 нажал и юзай, это как бы простительно еще

На мобели браузер всегда фул скрин

 

[Mikhail B.]

На мобели браузер всегда фул скрин

А это тогда что?

Спойлер

740 фулл высота
612 видимая область браузера, вот именно эту ебалу я не могу эмулировать корректно. она менется в viewport вроде.
А в нижних строчках не меняется. Соответственно не получается полностью повторить разрешения телефона.

 

[Iv1]

А это тогда что?

Спойлер

Какая модель телефона?
Сейчас выяснить что Айфон - это вам не Андроид))
А какой нибудь EMUI - это вообще не так))

 

[Mikhail B.]

Какая модель телефона?

Samsung S9

Есть еще Samsung J5 могу с него тоже проверить.

 

[Mikhail B.]

Сейчас выяснить что Айфон - это вам не Андроид))

Хочешь сказать зенка может нагенерить андройд-iphone?)))

 

[Iv1]

Samsung S9

Сейчас выяснить что Айфон - это вам не Андроид))
А какой нибудь EMUI - это вообще не так))

Попробую на разных моделях и производителях проверить.
Может тут от оболочек производителей еще что зависит
Я знаю что строение прошивки для айфонов, самсунгов, хуавеев и остальных - отличается.
А как сильно - еще может надо разбирать

 

[Iv1]

у меня реальных телефонов разных производителей под рукой всего то 5 штук.
Статистики много не бывает))
Соберу еще данных - отпишусь

p.s. Параметры inner и outer - еще более хитро считаются и вроде тоже автоматически определяются.

 

[luk911]

А это тогда что?

Спойлер

740 фулл высота
612 видимая область браузера, вот именно эту ебалу я не могу эмулировать корректно. она менется в viewport вроде.
А в нижних строчках не меняется. Соответственно не получается полностью повторить разрешения телефона.

Это скорее всего андроидовское меню снизу, если оно у тебя не скрывается. Или строка браузера сверху ...

 

[zarufakis]

Попробую на разных моделях и производителях проверить.

MI MIX 2

 

[Mikhail B.]

MI MIX 2

Посмотреть вложение 60482

Вот так же как и у меня.

Значит так и должно быть и зенка не может корректно отобразить бар

 

[zarufakis]

Вот так же как и у меня.

Значит так и должно быть и зенка не может корректно отобразить бар

На андроиде понятно, что нужно отнять высоту верхнего бара и нижнего (если он есть).
А как на iPhone дела должны обстоять?

 

[Mikhail B.]

На андроиде понятно, что нужно отнять высоту верхнего бара и нижнего (если он есть).

Вопрос лишь как.

А как на iPhone дела должны обстоять?

Есть планшет эпл, щас проверю.

 

[Mikhail B.]

А как на iPhone дела должны обстоять?

Chrome, ios.

Спойлер

 

[zarufakis]

Chrome, ios.

у меня на айпаде, в хроме 768*909 а в сафари 768*922, но ЮА другой, 12_4

 

[Mikhail B.]

В общем буду зеновское ставить из профиля.