使用firebug将alt文本添加到图像

时间:2009-12-28 07:30:29

标签: text firefox-addon add

有人可以告诉我如何在firebug上为图像添加替代文字吗?

4 个答案:

答案 0 :(得分:0)

使用Firebug检查图像,然后右键单击该元素并添加允许您添加alt属性的属性,该属性是替代文本。但只是想知道你究竟想要完成什么,因为你可以从萤火虫中解脱出来。

Firebug只是一个客户端编辑器,它不允许您重新开始工作。当您高兴时,您可以使用firebug为您测试编辑,并在您正在查看的HTML文件中进行相同的更改。

在您的情况下,您需要查看购物车html并找到要编辑的img标签,然后在那里添加alt属性。

答案 1 :(得分:0)

您可以使用Firebug控制面板中的元素检查器(菜单左上角的第二个图标,位于firebug徽标图标旁边)。单击它,然后单击要编辑的图像。然后在右侧窗格中,选择DOM选项卡,然后找到alt属性。双击值字段,然后输入您想要的alt值。

您在Firebug中所做的任何更改当然不是永久性的,并且在刷新页面时会消失。您必须将它们复制到HTML中才能保存它们。

答案 2 :(得分:0)

我回答你的意见,而不是你的主要问题,正确回答上述问题,对你的需要没有用......

在Firefox中,你没有检查图像来获取它的URL,如你所见,但选择属性:它将为你提供完整的路径,如果图像上有链接,则在图像属性下(如在Stack Overflow上)我写的时候在这个页面顶部的标识:我可以看到http://sstatic.net/so/img/logo.png URL) 除非图像是在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中,请环顾四周:您的图像或其附近的某个标记是否有ID?或者某些课程,例如。 class="banner leftside"
使用一些递归grep工具搜索这样的HTML片段可以帮助定位要更改的文件。使用一些陷阱,因为例如也可以生成类(即,您可以在代码中找到类似于:class="banner <?php echo $columnSide; ?>")的类。

按照自定义购物车的说明(如果有)。如果制作精良,它可以通过仅复制另一个文件夹下的已更改文件来创建自定义模板。如果可能,您必须避免修改开箱即用的文件,因为升级软件时可能会覆盖这些文件。

HTH。

答案 3 :(得分:0)

使用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'并选择项目目录。