Не прошла еще полностью шумиха с Айфонами, а у "яблочников" новый объект поклонения - iPad. Сегодня в твиттере неожиданно стали все рекомендовать друг другу посмотреть, как сайты работают на айпаде. Конечно же, это не предложение купить девайс, все делились ссылкой на ресурс ipadpeek.com. Я тоже решил зайти и посмотреть, что там и как. Мои предположения по поводу сервиса были такие, что там используется движок iPad'а, и, соответственно, будут показываться сайты в том же виде, что и на самом айпаде.
Сразу оговорюсь, что использовал я браузер Opera 9.6. Захожу я по ссылке, попадаю на сайт, где на всю страницу огромный айпад, под ним пара ссылок с контактами автора, небольшой как бы мануал, реклама от Гугла и кнопка Donate - ничего необычного. Ввожу я вначале адрес своего блога, смотрю - все ок. Решил посмотреть, как будет работать мой сервис сокращения ссылок. Гляжу и ужасаюсь - CSS не поддерживается. Пораскинув мозгами, я решил, что это невозможно по сути, ведь Apple и CSS3 - это почти синонимы. Захожу на этот сайт через FireFox, открываю через него свой сайт - хех, уголки круглые, все нормально.
Мне обещали, что смогу посмотреть, как мой сайт работает на iPad, а тут такое. Я начал анализировать ситуацию, и она стала проясняться:
Жмем кнопочку "about", получаем следующий текст:
Click on the top iPad border to rotate. / Щелкните на верхней границе iPad, чтобы повернуть.
Remember that Flash is not going to work on iPad, even though you might see it working here. / Помните, что Flash не будет работать на iPad, хотя вы можете увидеть его работу здесь.
You can preload a page or set portrait mode by passing using URL parameters, like this: http://ipadpeek.com/?url=google.com&portrait / вы можете сразу загрузить страницу в портретном режиме, введя ссылку с определенными параметрами и бла-бла-бла...
Reload button on the iPad address bar works. / Кнопка перезагрузки на адресной строке работает о_О (Просто это единственная рабочая кнопка на этом девайсе)
Pages in portrait mode are scaled to 75% using CSS3 transformations, which work best in Firefox 3.5+, Chromium 5+ and Opera 10.5+ at the moment. / Страницы в портретном режиме масштабируются до 75% с помощью CSS3 преобразований, которые на данный момент работают лучше всего в Firefox 3.5+, 5+ Хром и Опера 10,5+.
Через слеш мой вольный перевод.
Второй и последний пункты меня насторожили:
Как я увижу флеш, если на самом iPad'е он не работает?
Причем тут CSS3 моего браузера, если я должен видеть, как отображаются сайты в самом девайсе?
Идем далее. Я снова ввел адрес своего блога. Первое, что меня заинтересовало - я авторизован. Значит используются мои куки. Второе - сайт активен, причем в нормальном режиме. Чтобы увидеть у себя, как отображается сайт на другом движке, надо этот сайт "сфотографировать" на нем, а мне выдать уже изображение конечное. В крайнем случае, наверное, можно реализовать на флеш.
Думаю, всем уже стало ясно, что сервис - чуть более чем полностью - подделка. Он отображает сайты так, как отображаются они в вашем браузере, только находятся в рамочке айпада. Он использует куки браузера, использует его движок. Мало того, если "внутри айпада" нажать на любую ссылку, чтобы она открылась в новом окне, как думаете, что произойдет? Нет, двух айпадов не станет, откроется в новом окне браузера. А еще обратите внимание на полосу прокрутки - я сомневаюсь, что в iPad она аналогична "окошечной"
Дабы полностью развеять свои сомнения, я открыл исходный код страницы. Там вполне ясно вырисовывается кусок кода самого "айпада":
<div id="rotate" title="Click to rotate ..."></div>
<div id="reload"></div>
<div id="kbd"></div>
<input id="url"></input>
<input id="google"></input>
<iframe id="frame"></iframe>
</div>
Итого, он состоит из кнопки поворота, рефреша, какого-то непонятно-бесполезного контейнера (скорее всего, неработающая клавиатура), полей для ввода URL и поискового запроса, и... Вот он! Плавающий фрейм! Что и требовалось доказать
Эту штуку можно взять и поковырять, в ней не используется ничего, кроме javascript'ов. Из поля "URL" берется значение и подставляется в параметр "src" того афрейма (iFrame - iPad - что-то общее, не правда ли?). С поиском то же самое, только значения подставляются в поисковый запрос.
Если есть желание, вы можете поставить то же самое у себя на сайте, а если подумать, то можно изобрести что-то более интересное на основе этого.
Теперь вы знаете, что нельзя верить всему, что пишут в этих ваших интернетах. А если вам пришлют ссылку на подобный сервис, можете смело отстаивать свою точку зрения, которая теперь явно ближе к истине, чем точка зрения приславшего






