Свопинг изображения во время веб-разработки
Я пытаюсь видеть то, на что была бы похожа определенная веб-страница, если бы я заменил определенное изображение другим. Вместо того, чтобы загружать изображение, отредактируйте сайт, и т.д., каждый раз, когда я настраиваю его, я хотел бы знать, существует ли способ изменить изображение на странице к моей локальной версии при просматривании удаленной страницы.
Я использую Firebug для отладки веб-разработки обычно, но я открыт для любого другого инструмента, который мог бы сделать это.
(Абсолютно невозможно искать это и найти что-либо кроме вопросов о свопинге динамического изображения на развернутом веб-сайте, очень жаль если это - дубликат.)
Добавленный: Я просто попытался заменить a file:/// URI, указывающий на изображение (скопированный и вставляемый от строки поиска после ручного открытия изображения), и увы, это не работало — изображению не удается измениться.
4 ответа
Кажется, он работает только с протоколами http [s] (вероятно, из соображений безопасности). Вы можете хранить изображения в таких сервисах, как Dropbox , делиться изображением или папкой, а затем использовать общедоступные URL-адреса.
Действительно, вы можете использовать любые изображения, доступные в Интернете, поэтому локальный сервер тоже подойдет.
Если ваше изображение находится на локальном сервере (не как файл, заметьте ) Я думаю, вы все еще можете поместить этот URL-адрес localhost в элемент проверки firebug, и он будет работать.
Пробовали указать абсолютный путь к файлу, но, по-видимому, это не сработало. Так что я думаю, вам просто нужно обойтись образом сервера localhost. У меня это работает
Быстрый и недорогой ответ: сделайте снимок экрана страницы, откройте его в Photoshop и поместите локальное изображение на слой над изображением веб-страницы.
Привет, если вы обслуживаете веб-сервер, вы, вероятно, не можете указать ему на файл на локальном диске. Даже если это localhost, вы не можете указать на локальный файл c:/test.jpg, например. Это происходит потому, что браузер как бы "песочница" на странице, чтобы скрипты не могли получить доступ к локальным файлам.
Один из способов - загрузить новый файл (new_file.jpg) на веб-сервер, дать ссылке на изображение id
<img id="something1" src="test.jpg"/>
Используя jQuery в окне просмотра firebug, сделайте
$("#something1").attr("src","new_file.jpg");
Вы должны увидеть изменение изображения. Если вы не используете jQuery, вы можете использовать document.getElementById("something1") и получить элемент для изменения.