Tính năng Kiểm tra tính tương thích của trình duyệt [BCC] giúp bạn định vị các tổ hợp HTML và CSS gặp sự cố trong một số trình duyệt nhất định. Khi bạn chạy BCC trên một tệp đang mở, Dreamweaver sẽ quét tệp và báo cáo mọi sự cố kết xuất CSS tiềm ẩn trong bảng Kết quả. Xếp hạng độ tin cậy, được biểu thị bằng một phần tư, một nửa, ba phần tư hoặc vòng tròn được lấp đầy hoàn toàn, cho biết khả năng xảy ra lỗi [vòng tròn được lấp đầy một phần tư biểu thị khả năng xảy ra và vòng tròn được lấp đầy hoàn toàn biểu thị khả năng xảy ra rất cao]. Đối với mỗi lỗi tiềm ẩn mà nó tìm thấy, Dreamweaver cũng cung cấp liên kết trực tiếp đến tài liệu về lỗi trên Adobe CSS Advisor, một trang web trình bày chi tiết các lỗi kết xuất trình duyệt phổ biến và cung cấp giải pháp khắc phục chúng
Theo mặc định, tính năng BCC kiểm tra các trình duyệt sau. Firefox 1. 5; . 0 và 7. 0; . 2; . 0; . 0 và 9. 0; . 0
Tính năng này thay thế tính năng Kiểm tra trình duyệt mục tiêu cũ, nhưng vẫn giữ lại chức năng CSS của tính năng đó. Nghĩa là, tính năng BCC mới vẫn kiểm tra mã trong tài liệu của bạn để xem liệu có bất kỳ thuộc tính hoặc giá trị CSS nào không được trình duyệt mục tiêu của bạn hỗ trợ hay không
Trong bài viết này, chúng ta sẽ nói thêm một chút về tầm quan trọng của kiểm tra trình duyệt chéo. Sau đó, chúng tôi sẽ thực hiện một số bước để giúp bạn tạo một trang web tương thích với nhiều trình duyệt. Cùng bắt tay vào làm
Tại sao khả năng tương thích giữa các trình duyệt lại quan trọng?
Hầu hết mọi người sử dụng các trình duyệt nổi tiếng, chẳng hạn như Google Chrome, Safari, Firefox và Opera. Tuy nhiên, có rất nhiều tùy chọn có sẵn hơn bạn có thể tưởng tượng. Điều này tốt cho người tiêu dùng, nhưng vấn đề cho bạn là mỗi trình duyệt được xây dựng khác nhau. Điều đó có nghĩa là trang web của bạn có thể hoạt động hoàn hảo trên Chrome, nhưng gặp sự cố trên Firefox [chỉ để đưa ra một ví dụ]
Theo kinh nghiệm của chúng tôi, hầu hết các lỗi bạn sẽ thấy trong một trình duyệt nhưng không phải trong một trình duyệt khác là những vấn đề tương đối nhỏ. Một yếu tố cụ thể của trang web của bạn có thể không phù hợp hoặc một tính năng cụ thể có thể không hoạt động chính xác. Mặc dù những sự cố này có thể không đáng kể nhưng chúng cần được giải quyết nếu bạn muốn cung cấp trải nghiệm giống nhau cho tất cả khách truy cập trang web của mình
Lý tưởng nhất là bạn sẽ muốn thiết kế trang web của mình tương thích với nhiều trình duyệt ngay từ đầu. Bằng cách đó, bạn sẽ không có nguy cơ xa lánh người dùng của bất kỳ trình duyệt cụ thể nào. Trong một vài phần tiếp theo, chúng tôi sẽ chỉ cho bạn cách thực hiện điều đó
Cách tạo một trang web tương thích với nhiều trình duyệt
Ý tưởng tạo một trang web tương thích với nhiều trình duyệt nghe có vẻ khó khăn. Tuy nhiên, một vài bước đơn giản có thể đảm bảo rằng trang web của bạn hoạt động hoàn hảo trên hầu hết các trình duyệt. Hãy nói về những gì đó là
Bước 1. Đặt 'Doctype' cho tệp HTML của bạn
Khi trình duyệt tải trang web của bạn, nó phải tìm ra phiên bản HTML bạn đang sử dụng. Điều này rất quan trọng vì các phiên bản HTML khác nhau chứa các quy tắc khác nhau.
'doctype' là một tuyên bố cho các trình duyệt biết. “Này, đây là phiên bản HTML mà chúng ta sẽ sử dụng. ” Bằng cách đó, các trình duyệt sẽ không phải đưa ra bất kỳ dự đoán nào, điều này có thể làm giảm số lượng lỗi mà người dùng của bạn sẽ gặp phải
May mắn thay, bước này rất đơn giản. Tất cả những gì bạn phải làm là thêm đoạn mã sau vào tài liệu HTML của mình