Jump to content
  • 0

Кроссбраузерность

bobo

Asked by bobo,

 Share

Question

bobo Explorer

bobo

Posted
Posted

Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ?

От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari.

Не ставить же себе на компьютер все эти браузеры :)

Или всетаки ставить ? :)

Link to comment
Share on other sites

43 answers to this question

Recommended Posts

  • 0
rediskavet Explorer

rediskavet

Posted
Posted
а чем IETester плох, если не учитывать частоту его краха?

Кстати да ошибся, я выше хотел сказать не вместо а в дополнение.

IETester не плох просто конечная проверка должна быть в настоящем браузере.

Link to comment
Share on other sites
  • 0
andyarus Explorer

andyarus

Posted
Posted

SMA. McKinney, ахахаха. это был вопрос в контексте этого топика, есличо :) а так никогда не пользовался "поиском" на форумах и не собираюсь - гугл решает.

IETester не плох просто конечная проверка должна быть в настоящем браузере.

Аргументируйте, пожалуйста.

Интересует только IE 6, т.к. остальные браузеры на win7 ставятся без проблем.

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted

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

Есть у меня портейблы ие6-8, пытался запустить на семерке ие8(так как в системе ие уже обновлен до 9го) - немогу активировать активное содержимое, тоесть кликаю на "разрешить" а джс всеравно не выполняется.

И кстати то что отображается в ие7 под вин7 не факт что будет также отображаться в ие7 под ХР.

Link to comment
Share on other sites
  • 0
Great Rash Explorer

Great Rash

Posted
Posted

Да, без виртуальной машины вообще никуда. Ибо режимы рендера ИЕ7 (ИЕ8) в 9-ке вообще неверную картину показывают. Особенно касается VML, фильтров и т.п. нестандартных фич.

Link to comment
Share on other sites
  • 0
rediskavet Explorer

rediskavet

Posted
Posted
Аргументируйте, пожалуйста.

Перехожу в режим нудника. Если к верстке заявлено требование, идентичное отображение в ie6, то и проверять нужно в ие6, вас же не просили под IETester верстать:)

Link to comment
Share on other sites
  • 0
andyarus Explorer

andyarus

Posted
Posted (edited)

mishka2 & Great Rash дали конкретные ответы, rediskavet, вы же опять высказались неаргументированно, даже в режиме нудника :) с тем, что нужно верстку проверять в самих браузерах, а не в их эмуляторах - ясно. спасибо за ответы!

Edited by andyarus
Link to comment
Share on other sites
  • 0
andyarus Explorer

andyarus

Posted
Posted

Mozilla Firefox Firebug

Google Chrome

Opera

Apple Safari

IE 9

Добавьте, плиз, проверенные ссылки на IE 6, IE 7, IE 8. То есть откуда вы сами качали.

Как затем их прикрутить к виртуальной машине(вм)? Для каждого браузера необходимо создать свою копию вм? mishka2, у вас поди помимо копий xp, еще и по копии win7 для IE7-8? :) Как это все реализуется?

ТС, какой редактор вы используете для работы? Остальные форумчане что используют?

Я сегодня установил IDE Eclipse и плагин к ней Aptana Studio. Вроде ничо так. Больше нравится, чем notepad++, которым пользовался до этого.

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted

У меня на компе ХР, на ноуте 7.

Работаю в notepad++. Aptana не прижилась так как слишком большой и неповоротливый монстр.

Уже имея опыт, во время верстки идет постоянная проверка в ФФ и ие6 (если он нужен, иначе в ие7).

После окончания верстки быстрая проверка в остальных браузерах.

Поначалу лучше смотреть во всех сразу.

Link to comment
Share on other sites
  • 0
andyarus Explorer

andyarus

Posted
Posted

в notepad++ нет автозаполнения и прочих фишек, которые могут существенно сократить время разработки.

вообще под eclipse полно плагинов, которые могут автоматизировать многие моменты, что опять же повлияет на время работы.

например, zen-coding. интересный подход к написанию разметки. не пробовали?

и, напишите кто-нибудь мини руководство для чайников, как с ослами быть?

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted

После того как попробовал ZenCoding, даже не представляю как теперь можно без него набивать html. ZenCoding это прорыв в кодинге.

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

Для css QuickText, все-же удобнее.

Link to comment
Share on other sites
  • 0
rediskavet Explorer

rediskavet

Posted
Posted (edited)
в notepad++ нет автозаполнения и прочих фишек, которые могут существенно сократить время разработки.

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

У меня стоит автозакрытие тегов, т.е. пишешь <div> а закрывающий </div> сам появляется.

Есть автодополнение, но оно чаще используется в CSS, пишу "d" нажимаю Ctrl+пробел появляется список возможных свойств начинающихся с "d".

И самое мое любимое, это горячие клавиши, и теперь при последовательном нажатии Ctrl+Shift+Z?C?A, в коде появится следующая конструкция:

<ul><li><a href=""></a></li></ul>

Правда все это будет одной строкой, в точности как я написал.

При этих дополнениях блокнот остается таким же легким и не превращается в медлительный комбайн типа NetBeans(я Eclipse не пробовал но подозреваю что он такой же тяжелый).

ZenCoding я хочу попробовать но пока не удавалось и не знаю если он может работать в notepad++. Может кто занет?

и, напишите кто-нибудь мини руководство для чайников, как с ослами быть?

В виртуалках я сам чайник. Опишу как сам поступил. Установил два раза XP в нем по умолчанию стоит IE6. В первый раз так os virtualbox и называется IE6. А во второй системе обновил IE до седьмого.

Edited by rediskavet
Link to comment
Share on other sites
  • 0
buddah Explorer

buddah

Posted
Posted (edited)

Я пытался выставить для скачивания все 3 (6-8) ослика, которыми можно пользоваться на одной системе (просто 3 экзешника, без инсталляции). Это решает проблемы многих.4 ишака на вин7 - установленный 9 и 3 этих файла. Пользуюсь больше года.

Но администрация удалила пост из-за того, что долбанутый НОД ругается на один из файлов (ИЕ7), хотя там вируса никакого нет....

Если хочешь - в личку кину ссылку на архив.

Edited by buddah
Link to comment
Share on other sites
  • 0
bobo Explorer

bobo

Posted
  • Author
Posted

Я пытался выставить для скачивания все 3 (6-8) ослика, которыми можно пользоваться на одной системе (просто 3 экзешника, без инсталляции). Это решает проблемы многих.4 ишака на вин7 - установленный 9 и 3 этих файла. Пользуюсь больше года.

Но администрация удалила пост из-за того, что долбанутый НОД ругается на один из файлов (ИЕ7), хотя там вируса никакого нет....

Если хочешь - в личку кину ссылку на архив.

Было бы неплохо, жду ссылку ;)

Link to comment
Share on other sites
  • 0
buddah Explorer

buddah

Posted
Posted (edited)

bobo, я не могу тебе скинуть в личку, ты не можешь читать ЛС. Либо из-за репутации минусовой либо мало сообщений, я не знаю как этот форум работает.

Оставь почту.

п.с. Всем желающим тоже могу скинуть, отписывайтесь, пробуйте.

Edited by buddah
Link to comment
Share on other sites
  • 0
buddah Explorer

buddah

Posted
Posted (edited)

Отправил, отпишешь потом впечатления. Возможно админы сделают исключения из правил. Эти 3 файлика облегчат жизнь и сэкономят время очень многим.

Если антивирь ругается на файл ие7 - отключи его на время тестирования в ие7 либо добавь файл в исключения.

rediskavet, ты тоже можешь попробовать, а то у тебя танцы с бубном какие-то, кучу времени тратишь)

Edited by buddah
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept