Как я могу увидеть изменения при внесении изменений в стиль CSS

Question

Я попросил друга взглянуть на их мобильный сайт, так как определенная часть отображается неправильно. Я обнаружил, что внутри определенного div любая ссылка не отображается. Использование Firefox, я могу видеть, что следующий в игре:

.panel-content a{display:none} 

Теперь, я не эксперт CSS и клиент не имеет тестовую систему. Вместо того, чтобы изменять элементы css на лету, существует ли метод (или программа), который вы можете использовать, чтобы, возможно, сканировать сайт и посмотреть, что повлияет на это изменение?

Answer 1

Большинство браузеров позволяет вам изучить исходный код и поэкспериментировать с некоторыми простыми изменениями.

Например, в Chrome вы можете указать F12 на инструменты разработчика.

Наш правый щелчок по элементу, который вы хотите исследовать, и нажмите «проверить элемент».

Answer 2

В Chrome есть встроенные средства эмуляции для мобильных устройств. Если вы откроете Инструменты разработчика (View> Developer> Developer Tools), посмотрите весь путь в верхний левый угол новой панели, и вы увидите увеличительное стекло, затем телефон. Нажмите на телефон. Вы можете выбрать из нескольких настроек. Надеюсь это поможет.