cách trực quan hóa/gỡ lỗi một sơ đồ trang web?

Question

Tôi đang tạo động một sơ đồ ảo cho một công cụ biểu đồ mà tôi có. Tôi đã hy vọng có thể thiết lập một đường viền hoặc màu sắc trên các thẻ khu vực để tôi có thể kiểm tra mọi thứ đã được tạo ra với các hợp âm phù hợp, nhưng một nghiên cứu nhỏ cho thấy điều này là không thể.

Vì vậy, cách nào dễ nhất để kiểm tra bản đồ hình ảnh của tôi là chính xác? Có bất kỳ công cụ trình duyệt nào sẽ "hình dung" các khu vực không?

Answer 1

Còn việc sử dụng JavaScript (và jQuery) để kiểm tra thì sao?

http://davidlynch.org/js/maphilight/docs/demo_usa.html

Plugin này sẽ làm nổi bật khu vực bản đồ hình ảnh.

Answer 2

Không bao giờ nghĩ rằng tôi có thể nói điều đó, nhưng đây là một trong số ít trường hợp Dreamweaver có thể hữu ích. Bạn sẽ có một giao diện, bạn sẽ có thể làm việc với các điểm neo và đặt trí tưởng tượng của bạn dễ dàng.

Answer 3

Bạn có thể sử dụng FireBug cho rằng:

• Kích chuột phải vào hình ảnh của bạn và chọn "Kiểm tra Element với Firebug"
• Trong tab HTML của Firebug, thẻ image được đánh dấu: xác định vị trí và mở rộng liên map thẻ, thường là ngay sau khi nó
• Bây giờ bạn có thể đặt con trỏ lên mỗi area thẻ để xem họ nổi bật trên hình ảnh của bạn

Answer 4

Image Map Editor là một trình cắm dành cho Firefox. Nó là công cụ tốt nhất mà tôi đã tìm thấy cho đến nay, giúp tạo, kiểm tra và chỉnh sửa bản đồ hình ảnh rất dễ dàng.

Answer 5

Một cách để hình dung thẻ khu vực trong Chrome là thêm tabindex vào (các) thẻ area bạn muốn xem, sau đó nhấp hoặc tab vào thẻ đó. Chrome sẽ đánh dấu độc đáo phác thảo thực tế của khu vực có thể nhấp.

Giải pháp này không may không hoạt động trong Firefox.