2015-10-07 15 views
5

Tôi đã kết nối iPhone với máy Mac và bật Thanh tra web trong cài đặt nâng cao của iPhone, có thể xem trang trong mac safari nhưng không thể kiểm tra bất kỳ yếu tố nào và kiểu dáng của nó trong safari . Tôi không thấy bảng điều khiển hoặc bảng điều khiển kiểu phần tử.Trình kiểm tra web Safari không hiển thị các phần tử và Bảng điều khiển kiểu khi gỡ lỗi iPhone

Có thể bất kỳ ai giúp tôi tìm các bảng đó để gỡ lỗi các kiểu, mà tôi đã áp dụng cho các phần tử trang mà tôi đang thử nghiệm trên iPhone. Tôi có thể thấy các bảng đó trong việc gỡ lỗi các trang Safari trên máy tính để bàn. xem ảnh chụp màn hình enter image description here

Cảm ơn bạn đã giúp đỡ.

+1

https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/ResourcesandtheDOM/ResourcesandtheDOM.html#//apple_ref/doc/uid/TP40007874-CH3-SW1 –

+0

@GobiM Những gì tôi đang yêu cầu, bảng kiểu dáng và yếu tố bị thiếu khi tôi gỡ lỗi các trang iPhone trong safari trên máy tính để bàn. xem cửa sổ ở trên cùng trong ảnh chụp màn hình của tôi –

Trả lời

0

Câu trả lời là, cần chọn Cây DOM từ trình đơn thả xuống như trong ảnh chụp màn hình. enter image description here

6

Từ trình kiểm tra web, chọn bất kỳ phần tử html nào. Bây giờ trong thiết bị nó sẽ được đánh dấu bằng màu xanh. Góc trên cùng bên phải có cửa sổ mở rộng để hiển thị các tab kiểu, Lớp, Nút. Chọn Style và chỉnh sửa css. Tham khảo liên kết được đưa ra trong nhận xét để biết chi tiết đầy đủ. enter image description here

+0

Tôi không thể xem bảng điều khiển phần tử. đó là vấn đề của tôi sau đó làm thế nào tôi có thể chọn bằng cách sử dụng trình gỡ lỗi? –

+0

Từ hình ảnh của bạn, mũi tên trỏ đến các yếu tố web cho trang web safari và đây không phải là thiết bị di động. Kiểm tra cửa sổ bật lên (web Inspector ** - iphone ** ip). Cửa sổ này hiển thị trang html của trình duyệt iphone/webview của bạn. Chọn một thẻ html (cây DOM) từ trang này, điều này sẽ chọn phần tử tương ứng trong thiết bị. sau khi hoàn tất, bạn có thể xem khung kiểu từ góc trên cùng bên phải của cửa sổ nguồn hiện tại. –

+0

Cảm ơn sự giúp đỡ. Tôi nhận được câu trả lời, xem câu trả lời của tôi dưới đây. –

Các vấn đề liên quan