Эмулятор Ipod touch 5 для тестирования сайта

@lilubanana · Регистрация: 25.04.2014

Студворк — интернет-сервис помощи студентам

Привет!
Помогите разобраться кто сталкивался с таким.
Имеется блок с формой и блок с картинкой (img).
На Ipod touch 5 и на Ipod touch 3g картинка наползает на форму и закрывает кнопку. Т.е. имеется проблема с кроссбраузерностью.
Все онлайн тестировщики, а так же встроенные в браузер тестировщики, ошибку не выдают. Где и как тестировать такие косяки? Поделитесь опытом, пожалуйста.

@whiteapps · 27.10.2015, 12:24

lilubanana, покажите код

@lilubanana · 27.10.2015, 12:34 **[ТС]**

часть кода

HTML5

<div class="login-page">
<img src="./i/peerslk/egLogo.png" class="logo inner" width="" height="" alt="" data-pin-nopin="true">
<form class="form">
<div class="error-message" style="visibility: hidden;">Не&nbsp;верно введен номер договора или пароль</div>
<div class="input-group">
<input type="text" name="login" placeholder="Номер договора">
<input type="password" name="password" placeholder="Пароль"></div>
<button type="submit" class="orange">Войти</button>
</form>
<img src="./i/peerslk/footerBg.png" class="footer android" width="" height="" alt="">
<img src="./i/peerslk/footerBg__iOS.png" class="footer ios" width="" height="" alt="">
</div>

CSS

.footer {
    display: none;
    position: fixed;
    bottom: 0; left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 240px;
}
.android img.footer.android {
    display: block;
}
 
@media (min-width: 768px) {
    .logo {
        max-width: 40%;
    }
}
 
@media (max-height: 475px) {
    .footer {
        position: relative;
        margin-top: 64px;
    }

там две картинки, одна для android другая для ios

Добавлено через 2 минуты
но все же, вопрос мой был в том, где и чем тестировать, т.к. я не обладаю устройствами на ios

@whiteapps · 27.10.2015, 12:37

lilubanana, https://www.browserstack.com

@lilubanana · 27.10.2015, 12:43 **[ТС]**

а бесплатных инструментов нет?
то, что я находила, не работает...
в идеале было бы приложение какое-нибудь, т.к. страница не на боевом...

@whiteapps · 27.10.2015, 13:07

lilubanana, тему переименовал и перенес

@lilubanana 64 / 1 / 2 Регистрация: 25.04.2014 Сообщений: 125
		1
	Эмулятор Ipod touch 5 для тестирования сайта 27.10.2015, 11:10. Показов 767. Ответов 5 Метки нет (Все метки) Привет! Помогите разобраться кто сталкивался с таким. Имеется блок с формой и блок с картинкой (img). На Ipod touch 5 и на Ipod touch 3g картинка наползает на форму и закрывает кнопку. Т.е. имеется проблема с кроссбраузерностью. Все онлайн тестировщики, а так же встроенные в браузер тестировщики, ошибку не выдают. Где и как тестировать такие косяки? Поделитесь опытом, пожалуйста. Миниатюры 0

@whiteapps 413 / 378 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	27.10.2015, 12:24	2
	lilubanana, покажите код 0

@whiteapps 413 / 378 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	27.10.2015, 12:37	4
	lilubanana, https://www.browserstack.com 0

@lilubanana 64 / 1 / 2 Регистрация: 25.04.2014 Сообщений: 125
	27.10.2015, 12:43 [ТС]	5
	а бесплатных инструментов нет? то, что я находила, не работает... в идеале было бы приложение какое-нибудь, т.к. страница не на боевом... 0

@whiteapps 413 / 378 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	27.10.2015, 13:07	6
	lilubanana, тему переименовал и перенес 0

Опции темы