使用 firebug 向图像添加 alt 文本答案

【问题标题】：Adding alt text to images with firebug使用 firebug 向图像添加 alt 文本
【发布时间】：2009-12-28 07:30:28
【问题描述】：

有人可以告诉我如何在萤火虫上的图像中添加替代文字吗？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

嗯好的，那么我如何将它们复制到 html 中，这是否意味着我根本不使用 firebug。我在我的购物车后端，当我右键单击图像然后检查元素时，它会自动出现。我对我的 html 有一个基本的了解，并且最近做了很多更改。非常感谢您的帮助。
Firebug 的主要目的是成为一个调试工具。它使您可以检查事物并在原地进行小的更改，但它不会修改源代码。为了永久添加 alt 标签，您必须自己编辑 HTML 源文件。

【解决方案2】：

使用 Firebug 检查图像，然后右键单击元素并添加属性，这将允许您添加 alt 属性，即 alt 文本。但只是想知道你到底想完成什么，因为你可以节省萤火虫的工作。

Firebug 只是一个客户端编辑器，它不允许您将工作返回到您的站点。当您愿意在您正在查看的 HTML 文件中进行相同的更改时，您可以使用 firebug 为您测试编辑。

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

【讨论】：

我右键单击购物车中的图像，然后检查元素，（萤火虫自动出现）（图像上的信息突出显示）单击编辑（左上角）放入 alt= “浴垫等”/>并保存。当您查看刚刚输入的详细信息时不存在所以嗯不知道还有其他方法吗？
去过我的 coreftp 并且找不到购物车图片只有网页图片，然后去过购物车，这似乎是单个产品照片的唯一地方，所以必须从这里开始.您还有什么建议，或者您需要像我这样的酒吗？
你用什么做购物车？或者您可以发布您正在处理的页面的链接吗？
shop.thehousequeen.com.au/admin/… 这是我希望这有效
显示图像的页面似乎是从 Gate13 软件构建的，因此您需要编辑生成购物车的程序或联系供应商以了解如何将替代文本添加到您的图片。该工具可能不支持它。在窗帘的详细视图中环顾网站，他们有替代文字，但没有在许多项目的显示上。我不确定你想在哪里添加替代文字，但最好的选择是此时联系你的供应商。

【解决方案3】：

我回答你的 cmets，而不是你的主要问题，上面回答正确，对你的需要没有用......

如您所见，在 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。

【讨论】：

我现在要去看看房产，非常感谢您的宝贵时间。这是我的网站你可能有一些建议（它是新的）thehousequeen.com.au

【解决方案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' 并选择您的项目目录。

【讨论】：

好的，这是图片之前的一些文字，我真的希望我能在明年圣诞节之前完成这个！ td valign="center" align="left">

删除图片

新图片：