Trình duyệt và thiết bị
Tìm hiểu về các trình duyệt và thiết bị, từ hiện đại đến cũ, được Bootstrap hỗ trợ, bao gồm các lỗi và lỗi đã biết cho từng loại.
Các trình duyệt được hỗ trợ
Bootstrap hỗ trợ các bản phát hành ổn định, mới nhất của tất cả các trình duyệt và nền tảng chính.
Các trình duyệt thay thế sử dụng phiên bản mới nhất của WebKit, Blink hoặc Gecko, cho dù trực tiếp hoặc thông qua API chế độ xem web của nền tảng, đều không được hỗ trợ rõ ràng. Tuy nhiên, Bootstrap cũng nên hiển thị và hoạt động chính xác trong các trình duyệt này. Thông tin hỗ trợ cụ thể hơn được cung cấp bên dưới.
Bạn có thể tìm thấy phạm vi trình duyệt được hỗ trợ của chúng tôi và các phiên bản của chúng trong.browserslistrc file :
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
Chúng tôi sử dụng Trình sửa lỗi tự động để xử lý hỗ trợ trình duyệt dự định thông qua tiền tố CSS, sử dụng Danh sách trình duyệt để quản lý các phiên bản trình duyệt này. Tham khảo tài liệu của họ để biết cách tích hợp các công cụ này vào các dự án của bạn.
Thiêt bị di động
Nói chung, Bootstrap hỗ trợ các phiên bản mới nhất của các trình duyệt mặc định của mỗi nền tảng chính. Lưu ý rằng các trình duyệt proxy (chẳng hạn như Opera Mini, chế độ Turbo của Opera Mobile, UC Browser Mini, Amazon Silk) không được hỗ trợ.
| Trình duyệt Chrome | Firefox | Cuộc đi săn | Trình duyệt Android & WebView | |
|---|---|---|---|---|
| Android | Được hỗ trợ | Được hỗ trợ | - | v6.0 + |
| iOS | Được hỗ trợ | Được hỗ trợ | Được hỗ trợ | - |
Trình duyệt máy tính để bàn
Tương tự, các phiên bản mới nhất của hầu hết các trình duyệt trên máy tính để bàn đều được hỗ trợ.
| Trình duyệt Chrome | Firefox | Microsoft Edge | Opera | Cuộc đi săn | |
|---|---|---|---|---|---|
| Mac | Được hỗ trợ | Được hỗ trợ | Được hỗ trợ | Được hỗ trợ | Được hỗ trợ |
| các cửa sổ | Được hỗ trợ | Được hỗ trợ | Được hỗ trợ | Được hỗ trợ | - |
Đối với Firefox, ngoài phiên bản ổn định thông thường mới nhất, chúng tôi cũng hỗ trợ phiên bản Firefox Phát hành Hỗ trợ Mở rộng (ESR) mới nhất.
Không chính thức, Bootstrap sẽ trông và hoạt động đủ tốt trong Chromium và Chrome dành cho Linux và Firefox dành cho Linux, mặc dù chúng không được hỗ trợ chính thức.
trình duyệt web IE
Internet Explorer không được hỗ trợ. Nếu bạn yêu cầu hỗ trợ Internet Explorer, vui lòng sử dụng Bootstrap v4.
Chế độ và danh sách thả xuống trên thiết bị di động
Tràn và cuộn
Hỗ trợ cho overflow: hidden;phần <body>tử này khá hạn chế trong iOS và Android. Để đạt được điều đó, khi bạn cuộn qua đầu hoặc cuối của một phương thức trong một trong hai trình duyệt của thiết bị đó, <body>nội dung sẽ bắt đầu cuộn. Xem lỗi Chrome # 175502 (đã sửa trong Chrome v40) và lỗi WebKit # 153852 .
Trường văn bản iOS và cuộn
Kể từ iOS 9.2, khi một phương thức đang mở, nếu lần chạm đầu tiên của cử chỉ cuộn nằm trong ranh giới của văn bản <input>hoặc a <textarea>, thì <body>nội dung bên dưới phương thức sẽ được cuộn thay vì chính phương thức đó. Xem lỗi WebKit # 153856 .
Thanh điều hướng thả xuống
Phần .dropdown-backdroptử không được sử dụng trên iOS trong điều hướng vì sự phức tạp của lập chỉ mục z. Do đó, để đóng danh sách thả xuống trong thanh điều hướng, bạn phải nhấp trực tiếp vào phần tử thả xuống (hoặc bất kỳ phần tử nào khác sẽ kích hoạt sự kiện nhấp chuột trong iOS ).
Phóng to trình duyệt
Tính năng phóng to trang chắc chắn sẽ hiển thị các tạo tác kết xuất trong một số thành phần, cả trong Bootstrap và phần còn lại của web. Tùy thuộc vào sự cố, chúng tôi có thể khắc phục nó (trước tiên hãy tìm kiếm và sau đó mở sự cố nếu cần). Tuy nhiên, chúng tôi có xu hướng bỏ qua những điều này vì chúng thường không có giải pháp trực tiếp nào ngoài các giải pháp hacky.
Trình xác thực
Để cung cấp trải nghiệm tốt nhất có thể cho các trình duyệt cũ và nhiều lỗi, Bootstrap sử dụng các bản hack trình duyệt CSS ở một số nơi để nhắm mục tiêu CSS đặc biệt đến các phiên bản trình duyệt nhất định để khắc phục lỗi trong chính trình duyệt. Có thể hiểu được những bản hack này khiến trình xác thực CSS phàn nàn rằng chúng không hợp lệ. Ở một số nơi, chúng tôi cũng sử dụng các tính năng CSS tiên tiến chưa được tiêu chuẩn hóa hoàn toàn, nhưng những tính năng này chỉ được sử dụng hoàn toàn để cải tiến liên tục.
Các cảnh báo xác thực này không quan trọng trong thực tế vì phần không hack trong CSS của chúng tôi xác thực hoàn toàn và các phần hack không ảnh hưởng đến hoạt động bình thường của phần không hack, do đó, tại sao chúng tôi cố tình bỏ qua các cảnh báo cụ thể này.
Tài liệu HTML của chúng tôi cũng có một số cảnh báo xác thực HTML nhỏ và không quan trọng do chúng tôi đưa vào giải pháp thay thế cho một số lỗi Firefox nhất định .