Добавление alt text к изображениям с firebug

Question

Может кто-нибудь, пожалуйста, скажите мне, как добавить текст на изображения в firebug?

Answer 1

Проверьте изображение с помощью Firebug, затем щелкните правой кнопкой мыши элемент и добавьте атрибут, который позволит вам добавить атрибут alt, который является альт-текстом. Но просто интересно, что именно вы пытаетесь выполнить, поскольку вы можете сохранить работу из firebug.

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

В вашем случае вам нужно посмотреть html корзины покупок и найти тег img, который вы хотите редактировать, а затем добавить атрибут alt.

Answer 2

Вы можете использовать инспектор элементов с панели управления Firebug (второй значок в верхнем левом углу меню, рядом с значком логотипа firebug). Нажмите на это, а затем на изображение, которое вы хотите отредактировать. Затем в правой панели выберите вкладку DOM и найдите атрибут alt. Дважды щелкните поле значения и введите требуемое значение alt.

Любые изменения, внесенные вами в Firebug, конечно, не постоянны и исчезают при обновлении страницы. Вам нужно будет скопировать их в HTML, чтобы сохранить их.

Answer 3

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

В Firefox, вы не делаете Проверьте изображение, чтобы получить его URL, как вы видели , но выберите «Свойства»: он предоставит вам полный путь в разделе «Свойства изображения», если на изображении есть ссылка (например, на логотипе «Переполнение стека» в верхней части этой страницы, когда я пишу: я могу видеть URL-адрес http://sstatic.net/so/img/logo.png).
Если изображение не определено в CSS, т.е. в качестве фона, что затрудняет его обнаружение (Firebug может помочь здесь).

Кроме того, страница вашей корзины, вероятно, определена в шаблоне (вы не сказали нам, какое программное обеспечение вы используете). Например, в Zen Cart вы можете найти файл по адресу <root of shop>/includes/templates/template_default/info_shopping_cart/tpl_main_page.php, но он может быть указан в <root of shop>/includes/templates/<some template name>/info_shopping_cart/tpl_main_page.php, если вы используете другой шаблон. И часть интереса может быть в другом файле, который включен в основной файл, или даже, если кодирование является немного неряшливым, жестко закодированным в каком-то файле PHP (или другом языке) ...

В этом Если вы разместите изображение в Firebug, оглянитесь вокруг: у вашего изображения или рядом с ним рядом есть идентификатор? Или какой-то класс, например. class="banner leftside"?
Поиск фрагмента HTML, подобного этому с помощью некоторого рекурсивного средства grep, может помочь в поиске файла для изменения. С некоторыми ловушками, поскольку, например, классы могут быть сгенерированы (т. Е. Вы можете найти в коде что-то вроде: class="banner <?php echo $columnSide; ?>").

И следуйте инструкциям по настройке вашей тележки (если есть). Если он сделан хорошо, он предлагает создать собственный шаблон, скопировав только измененные файлы в другой папке. Вы должны избегать, если возможно, изменения файлов, предоставленных из коробки, поскольку они могут быть перезаписаны при обновлении программного обеспечения.

HTH.

Answer 4

Использование firebug найти что-то конкретное в коде вашей торговой карты. Подобно id=<something special> или class=<something special> рядом с этим изображением.

Затем выполните поиск этого <something special> в вашем проекте. Это даст вам место, где должно быть поставлено alt.

PS Если вы не знаете, какой из <something special> выбрать, вставьте здесь некоторый контекст вашей страницы (потому что ссылка, которую вы дали, не читается снаружи).

PPS Чтобы найти в нескольких файлах, нажмите 'Start'->'Search'->'For files and folders'->'A word or phrase in a file' и выберите каталог своего проекта.