代码之家  ›  专栏  ›  技术社区  ›  detly FBruynbroeck

在web开发期间交换图像

  •  8
  • detly FBruynbroeck  · 技术社区  · 14 年前

    我想看看如果我用另一个图片替换某个特定的网页会是什么样子。而不是上传图像,编辑网站等,每次我调整它,我想知道是否有一种方法来改变我的本地版本的图像,同时查看远程页面。

    我通常使用Firebug来调试web开发,但我愿意使用任何其他可能做到这一点的工具。

    (在已部署的网站上,除了有关动态图像交换的问题外,完全不可能搜索此内容并找到任何其他内容,因此,如果此内容重复,请稍候。)

    补充: 我只是试着用 file:/// 指向图像的URI(手动打开图像后从地址栏复制并粘贴),唉,它没有工作,图像无法更改。

    6 回复  |  直到 14 年前
        1
  •  9
  •   Ryan Emerle    14 年前

    它似乎只适用于http[s]协议(可能是出于安全原因)。您可以将图像存储在 Dropbox

    实际上,您可以使用任何可通过web访问的图像,因此本地服务器也可以工作。

        2
  •  1
  •   corroded    14 年前

    如果您的图像位于localhost服务器中(而不是您认为的文件),我认为您仍然可以将localhost url放在firebug inspect元素中,这样就可以了。

    尝试了一个绝对的文件路径,但显然不起作用。所以我想你只需要处理一个本地主机服务器映像。这对我很有用

        3
  •  1
  •   MDStudio    14 年前

    快速和低技术的回答:采取的网页截图打开它在photoshop和下降的一层以上的网页图像本地图像。

        4
  •  0
  •   Stephen Lee    14 年前

    一种方法是将新文件(new\u file.jpg)上传到Web服务器,给图像链接一个id

    <img id="something1" src="test.jpg"/>
    

    $("#something1").attr("src","new_file.jpg");
    

    你应该看到图像的变化。如果不使用jQuery,可以使用document.getElementById(“something1”)并获取要修改的元素。

        5
  •  0
  •   mahalie    13 年前

    另一种方法是使用 http://makiapp.com/

    你可以把你电脑里的图像叠加到你看到的任何网站上。非常酷的工具,用于将comp与代码对齐。

        6
  •  0
  •   Garrett Hyde NeilP    12 年前

    你可以:

    1. 在浏览器中打开它
    2. 转到实际图像路径
    3. 在Firebug中使用此路径作为替代

    它几乎和在本地硬盘上工作一样快。