Загрузите локально сохраненные изображения через css с элементом проверки

Я пытаюсь изменить дизайн небольшой части огромного сайта, и мне сказали, что я могу загружать пользовательские изображения в Inspect Element (Chrome), если они расположены по тому же пути, что и таблица стилей, на которую переназначается сайт. (все делается через css через 'content: url('...');'), но веб-страница все еще ищет их в своих собственных ресурсах. Итак, есть ли способ использовать локально сохраненное изображение с Inspect Element?

(знаю, что выразился не лучшим образом, но вы понимаете, что я имею в виду)

Спасибо


element inspect
person Andrej K    schedule 28.09.2015    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Когда вы передаете изображения локально, вы можете использовать, например:

file:///C:/Users/[username]/Desktop/picture.png

Поэтому, если бы мне нужно было изменить фоновое изображение, я бы использовал

background-image:url("file:///C:/Users/Julia/Desktop/background.png");

Но учтите, что многие сайты не позволяют загружать локальные ресурсы, поэтому при попытке в консоли проверки может появиться ошибка.

person Julia    schedule 28.09.2015
comment
Привет и спасибо за ответ, но это именно то, что я пытался сделать, и получил ошибку в консоли, как вы упомянули. - person Andrej K; 29.09.2015
comment
Если ваше сообщение об ошибке Не разрешено загружать локальный ресурс, я не думаю, что вы можете отображать локальные изображения. Если их всего несколько, я бы просто загрузил их на бесплатный сайт для размещения изображений, например tinypic, и вместо этого использовал этот URL-адрес изображения. - person Julia; 29.09.2015

arrow_upward
1
arrow_downward

На самом деле он работает только с фоном вместо фонового изображения (не уверен, что это работает), но фон без изображения, похоже, работает. Итак, введите:

file:///Users/[YourName]/Documents/picture.png

Как это:

background:url("file:///Users/[YourName]/Documents/picture.png")

Я просто решил внести свой вклад, потому что я просто хотел попробовать это сам и нашел это как первый ответ, несмотря на то, что сообщению было 2-3 года; хотя для других пользователей это может быть полезно.

Кроме того, это было сделано в Opera, но я не пробовал это в других браузерах, но у меня это работает. Не указывайте имя диска. Но вы можете просто скопировать URL-адрес, перетащив изображение в браузер (если он его загрузит) и скопировав ссылку. Это должно работать (обычно старые браузеры, которые не загружают изображение автоматически).

person Peter Wojcik    schedule 20.04.2018