Hoán đổi hình ảnh trong khi phát triển web

Question

Tôi đang cố gắng xem trang web nào đó trông như thế nào nếu tôi thay thế một hình ảnh nhất định bằng hình ảnh khác. Thay vì tải lên hình ảnh, chỉnh sửa trang web, v.v, mỗi khi tôi chỉnh sửa, tôi muốn biết liệu có cách nào để thay đổi hình ảnh trong trang sang phiên bản địa phương của tôi trong khi xem trang từ xa hay không.

Tôi sử dụng Firebug để gỡ lỗi phát triển web thường, nhưng tôi mở cho bất kỳ công cụ nào khác có thể thực hiện việc này.

(Đó là hoàn toàn không thể tìm kiếm này và tìm bất cứ điều gì nhưng câu hỏi về trao đổi hình ảnh sống động trên một trang web được triển khai, vì vậy xin lỗi nếu điều này là một bản sao.)

Added: Tôi chỉ cố gắng thay thế một file:/// URI trỏ đến hình ảnh (được sao chép và dán từ thanh địa chỉ sau khi mở thủ công hình ảnh), và than ôi, nó không hoạt động - hình ảnh không thay đổi.

Answer 1

Dường như nó chỉ hoạt động với giao thức http (có thể vì lý do bảo mật). Bạn có thể lưu trữ hình ảnh của mình trên dịch vụ như Dropbox, chia sẻ hình ảnh hoặc thư mục, sau đó sử dụng URL công khai.

Thực sự, bạn có thể sử dụng bất kỳ hình ảnh có thể truy cập web nào, do đó máy chủ cục bộ cũng sẽ hoạt động.

Answer 2

Nếu hình ảnh của bạn nằm trong máy chủ lưu trữ cục bộ (không phải là tệp bạn quan tâm), tôi nghĩ bạn vẫn có thể đặt url cục bộ đó trong phần tử kiểm tra firebug và nó sẽ hoạt động.

Đã thử đường dẫn tệp tuyệt đối nhưng không hoạt động rõ ràng. Vì vậy, tôi đoán bạn chỉ cần làm với một hình ảnh máy chủ localhost. Điều đó phù hợp với tôi

Answer 3

Quick and Lowtech Trả lời: Chụp ảnh màn hình trang mở trong photoshop và thả hình ảnh cục bộ lên một lớp phía trên hình ảnh trang web.

Answer 4

Xin chào nếu bạn đang phục vụ từ máy chủ web, có thể bạn không thể trỏ nó vào tệp trên ổ đĩa cục bộ ur. Ngay cả khi localhost của nó, u không thể trỏ đến một tập tin địa phương c: /test.jpg ví dụ. Bởi vì trình duyệt sắp xếp trang sandbox ur nên các tập lệnh không thể truy cập các tệp cục bộ.

Một cách là tải lên các tập tin mới (new_file.jpg) đến máy chủ web, cung cấp cho các liên kết hình ảnh một id

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

Sử dụng jQuery trong firebug xem cửa sổ làm

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

Bạn sẽ thấy thay đổi hình ảnh. Nếu bạn không sử dụng jQuery, bạn có thể sử dụng document.getElementById ("something1") và lấy phần tử cần sửa đổi.

Answer 5

Một cách khác là sử dụng http://makiapp.com/

Bạn có thể che phủ một hình ảnh từ máy tính của bạn vào bất kỳ trang web bạn nhìn vào vấn đề này. Công cụ rất tuyệt vời để xếp hàng comp với mã của bạn.

Answer 6

Bạn có thể:

1. Kéo hình ảnh thử nghiệm của bạn vào Google Drive
2. mở nó trong một trình duyệt
3. Đến con đường hình ảnh thực tế
4. Sử dụng con đường này như một sự thay thế trong Firebug

Nó gần như nhanh như làm việc từ ổ đĩa cục bộ.