Kiểm tra phần tử trong Safari?

28

Tôi đã dùng thử Fireorms Lite cho Safari, nhưng nội dung không thể chỉnh sửa. Có cách nào khác để chỉnh sửa HTML, CSS, v.v. không?

safari web-inspector

— người dùng 2056671
nguồn

53

Chỉ cần bật Hiển thị Menu Nhà phát triển trong Tùy chọn của Safari, tab Nâng cao .

Kích hoạt-Develop-mode-Safari

Nó sẽ kích hoạt tùy chọn Kiểm tra phần tử khi bạn nhấp chuột phải vào trang. Bạn cũng có thể bắt đầu nó với Command+ Option+ I.

Bạn có thể nhận thêm thông tin về tùy chọn này trong Safari dành cho nhà phát triển - Công cụ và Hướng dẫn thanh tra web Safari: Menu phát triển .

— denisvm
nguồn

Vâng, nhưng nếu tôi muốn xem kiểu tính toán của liên kết web, di chuột không cập nhật kiểu và nhấp vào liên kết trên trang sẽ chuyển đến mục tiêu liên kết. Làm cách nào tôi có thể hiển thị kiểu tính toán của liên kết mà không cần Safari thay vì nhảy đến mục tiêu liên kết?

— chiếu sáng

@clearlight bạn có thể sử dụng Computedtab: support.apple.com/guide/safari-developer/iêu

— denisvm

0

Bạn có thể chỉnh sửa css bằng cách nhấp đúp vào biểu tượng "{" có trong phần css bên phải. Ngoài ra, bạn có thể chỉnh sửa html bằng cách xóa plugin fireorms và sau đó thực hiện kiểm tra chế độ phần tử.

— Chthappa
nguồn

0

bạn có thể làm điều này với các bước đơn giản

trong thanh menu, nhấp vào Chỉnh sửa-> ưu tiên-> nâng cao ở dưới cùng nhấp vào hộp kiểm đúng với menu Show Develop trong thanh menu bây giờ menu phát triển được hiển thị trên thanh menu nơi bạn có thể thấy tất cả tùy chọn phát triển và kiểm tra.

— cát kumar
nguồn

Không hoạt động trên phiên bản hiện tại

— JGallardo