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

Ссылка скопирована
1 ответ

Начинающий программист, хотел бы узнать как правильно тестировать свой код на кроссбраузерность? Некоторые говорят что в основном код пишут под сафари и хром, остальное ненужно, так ли это?
И что говорить клиенту если он использует фаерфокс на сегодняшний день там нету половины браузерных api и он не соотвествует винде.
Главный вопрос - матёрый программист под какие браузеры пишет код в 2023?

Дополнительно:

фаерфокс на сегодняшний день там нету половины браузерных api и он не соотвествует винде

ась что?

  • Сафари уже современный ИЕ. Давно в заморозке были?)
  • Александр, есть клиенты которые используют разные браузеры, например фаерфокс. Я так понял нужно писать код под сафари и хром на остальное забить?
  • > там нету половины браузерных api и он не соотвествует винде

    Это чего нет в Firefox (если не писать что-то очень специфическое)?

    В среднем сейчас все браузеры достаточно хороши.

  • Tesai, если в лисе нет "половины браузерных API" вам не сложно будет назвать хотя бы штуки три?
  • Tesai,

    есть клиенты которые используют разные браузеры, например фаерфокс. Я так понял нужно писать код под сафари и хром на остальное забить?

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

  • фаерфокс ... не соотвествует винде

    Это как?

  • Lynn «Кофеман», если писать форму для сафари и хром, в фаерфокс будет правильно она отображаться? Если делать по дизайну
  • Stalker_RED, https://developer.mozilla.org/en-US/docs/Web/API вот тут смотри все, сводной нет
  • Tesai, никто не просит сводную таблицу. Но это ты утверждаешь что в фф нет половины API, значит тебе не трудно предъявить парочку примеров.

    Особенно иронично что ты даёшь ссылку на MDN который вообще-то изначально сделан мозиллой — компанией которая делает файрфокс

  • Tesai, не знаю что ты вкладываешь в «делать по дизайну», но если писать нормально, то будет.

    Вообще-то на мой взгляд сейчас нужно специально постараться что бы сделать вёрстку которая ломается только в одном браузере.

  • Lynn «Кофеман», если верстка хотя бы отчасти формируется javascript-ом (который в тегах к вопросу), то достаточно одной стрелочной функции, чтобы отвалился целый пласт. Тех браузеров, которые (да, устарели, но) по-прежнему запускаются на все еще работающих (без надежды на обновление) устройствах. Старые SmartTV, например.
    Хотя вопрос ТС сформулирован так, как будто его сайтом пользуется один только клиент.
  • Lynn «Кофеман», А можете подсказать, кроссбраузерность, это сафари хром лиса? Разработчик будет писать код под edge? Меня интересует кроссбраузерность, под какие движки программист должен писать код в 2023 ?
  • Tesai, эдж это тоже вебкит, как и хром, сафари, опера и хром.
    Из всех основных браузеров только лиса осталась на своём движке, все остальные на вебкит работают.
    И это плохо, и если лиса сдастся это может стать большой проблемой в будущем.
  • Adamos, ну серьёзно, 2023 год, писать на старом жсе, когда бабель с нами уже многие годы?
  • Tesai, разработчики будут писать код на последнем тсе, после чего транспилировать его в последний жс, а из него бабелем в указанную версию жса с поддержкой указанных браузеров указанных версий.
  • WbICHA, и в 2023 году может потребоваться, например, добавить нестандартную карусель в верстку на третьем Бутстрапе. А там же вообще - о ужас! - джиквери...
  • Adamos, хз где и кому это нужно, я в таких перформансах не участвую и не собираюсь.)
  • Tesai,

    если писать форму для сафари и хром, в фаерфокс будет правильно она отображаться? Если делать по дизайну

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

    Главный вопрос - матёрый программист под какие браузеры пишет код в 2023?

    Под указанные в ТЗ.

    Вот тут аналогичный вопрос https://qna.habr.com/q/1253750

  • я просто забил - делаю на мозиле и это будет последний вопрос который я возможно буду решать
  • Ответы:

    Да.

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Елена Вебер Ответ

    Кроссбраузерность веб-сайта означает, что сайт будет одинаково хорошо отображаться и работать на всех основных браузерах, таких как Google Chrome, Mozilla Firefox, Safari, Microsoft Edge и других. Обеспечение кроссбраузерности является важным аспектом веб-разработки, так как пользователи могут использовать различные браузеры и устройства для доступа к вашему сайту.

    Для обеспечения кроссбраузерности сайта, необходимо следовать некоторым рекомендациям и лучшим практикам. Вот несколько советов, как обеспечить кроссбраузерность вашего сайта:

    1. Используйте стандарты веб-разработки: При создании сайта следует придерживаться стандартов HTML, CSS и JavaScript. Это поможет убедиться, что ваш сайт будет правильно отображаться на всех браузерах.

    2. Тестируйте на разных браузерах: Перед запуском сайта рекомендуется протестировать его на различных браузерах и устройствах, чтобы убедиться, что он отображается корректно.

    3. Используйте вендорные префиксы: Для CSS свойств, которые могут иметь различную поддержку в разных браузерах, рекомендуется использовать вендорные префиксы (-webkit-, -moz-, -ms-, -o-) для обеспечения кроссбраузерности.

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

    Пример использования тега

     для отображения кода на PHP:
     
    <pre lang="php">

    для отображения кода на PHP: <pre lang="php">

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

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно