Cross browser là gì

Nhớ lại chiếc thời new tập tành làm cho Web hồi tháng 4 năm năm trước, dịp kia mình chỉ biết mỗi Google Chrome. Qua một thời gian dài làm việc, bạn thích share cùng với các bạn yêu cầu thực hiện Lúc làm front-over.

Bạn đang xem: Cross browser là gì

Front-end là gì?

Mình xin mượn định nghĩa của anh ấy Phạm Huy Hoàng - tác giả của trang Tôi đi code dạo: "Front-kết thúc là tất cả những gì người tiêu dùng bắt gặp cùng cửa hàng. Nó là “mặt tiền” của một trang web".

*

Luận bàn về những trình duyệt

Mình không tồn tại điều kiện, đề xuất xài trang bị áp dụng hệ điều hành và quản lý Microsoft Windows. Lúc mình viết bài xích này, Windows 10 đang ra, nhưng lại nó đang chưa hỗ trợ tốt mang lại các bước đề xuất mình vẫn còn đó áp dụng Windows 7. Một vài ngày sau (thời gian update phần Microsoft Edge), tôi đã gửi lên Windows 10 cùng rất có thể viết reviews về nó.

Google Chrome

*

Trình chuẩn y này mình sử dụng tự hồi bắt đầu làm cho Web. Google Chrome cung ứng không hề thiếu các nhỏng cầu cơ bạn dạng như là chất vấn Element (Elements), kiểm tra gởi/nhấn request (Network), làm việc bằng JavaScript (Console), kiểm soát tài nguyên ổn (Resources),...

Bên cạnh đó, Google Chrome còn áp dụng gốc rễ V8 JavaScript Engine nên cũng tạo nên một sự lặng trung khu rộng khi chạy JavaScript. Phần layout, Google Chrome áp dụng Webkit Layout Engine cần đôi khi bạn áp dụng CSS gồm thêm prefix -webkit- trước một vài trực thuộc tính như thể border-radius, transition,...

Mình mê say làm việc Google Chrome là Device Mode, hỗ trợ hàng loạt các thông số của một số trong những thứ phổ cập như điện thoại iPhone, Google Nexus, Samsung Galaxy,... cùng cung ứng thống trị Web Storage dễ dàng áp dụng.

*

Để thấu hiểu hơn, bạn có thể tìm hiểu thêm bài viết này:

Tại thời điểm hiện tại, nó đang đổi tên thành Device Toolbar. Cách kiến tạo nó cũng như Google Resizer.

*

Mozilla Firefox Developer Edition

*

Mozilla Firefox Developer Edition là trình chú ý mình thích duy nhất, bởi sử dụng theme màu đen, thích hợp đến câu hỏi code vào ban đêm cùng nhìn siêu "ngầu".

Về tác dụng cơ phiên bản thì vẫn như Google Chrome và hỗ trợ nhiều hơn thế nữa nhỏng Web Audio, Canvas, Shader Editor,... nhưng mà điểm mình muốn độc nhất vô nhị vẫn là Responsive sầu Design Mode.

Responsive Design Mode của Firefox Developer Edition dễ dãi đưa lịch sự chế độ responsive hơn Device Mode của Google Chrome. Do kia, Khi làm Web, bản thân thường dùng FF DevEdition lúc làm việc rộng là Chrome.

Mozilla FireFox nói bình thường, hầu hết thực hiện Tamarin JavaScript Engine cùng Gecko Layout Engine. Lúc thao tác làm việc với CSS bên trên FF, các bạn sẽ thấy prefix là -moz- và -mo-.

Để hiểu rõ hơn, bạn có thể tham khảo bài viết này:

Trong dự án công trình vừa mới đây độc nhất, bản thân bao gồm bị một lỗi cách xử lý ngơi nghỉ bên trên Server. Trong quá trình debug, mình chắc hẳn rằng kích hoạt đó sẽ yêu cầu trả ra Exception. Có một điều bất thần, vào Task Manager có một Service tên là "Plugin Container for FirefoxDeveloperEdition (32 bit)" thực hiện RAM không ít và không trả Exception. Nó cứ con quay đa số. Bị vài lần, bản thân thấy lạ kỳ lạ. Sau Khi khám phá được nguyên ổn nhân, bản thân bắt đầu biết là những lần nó ban đầu xoay là biết phía Server đang có Exception xẩy ra, lo cơ mà tắt cái service kia đi, kẻo nó restart trang bị.

Với lỗi khỉ gió này, Firefox phiên bản bình thường (màu đỏ) cũng trở nên lỗi giống như.

Xem thêm: Chọn Lọc 2 Cách Làm Cá Nướng Than Hoa Đơn Giản Tại Nhà, Cách Làm Cá Nướng Than Hoa Đơn Giản Tại Nhà

Opera

*

Opera áp dụng Bliên kết Layout Engine cùng V8 JavaScript Engine. Cơ bạn dạng thì Opera chả khác gì so với Google Chrome, mà lại khi làm CSS thì chú ý prefix -o-.

Mình thì cũng chả hứng thụ gì với em này, được loại là nó đỡ ngốn RAM hơn Google Chrome.

Microsoft Internet Explorer 11

*

Microsoft Internet Explorer là một ác mộng đối với những người dân làm Front-End. Cơ bạn dạng thì từ bỏ rất nhiều phiên bản IE8 về trước hỗ trợ JavaScript còn cùi bắp, nói cách khác là "Big Zero". Lên tí, IE8 là bỏ xó được rồi. Kể từ bỏ IE9 trngơi nghỉ lên, gồm một vài nâng cao về phương diện chuẩn mực rộng. Riêng bản thân bàn tới IE11 là bởi nó có thể giúp cho bạn chọn chế độ IE7, IE8,... và IE11.

IE11 nó tất cả một điều tương đối kỳ lạ vậy này là not responding theo từng tab. Có một ưu thế cơ mà chỉ tất cả IE mới làm được là can thiệp được khối hệ thống (Windows). Chẳng hạn, detect được nhiều người đang thực hiện múi tiếng làm sao trên hệ điều hành và quản lý. Các trình coi sóc không giống thì ko làm được.

Hiện tại thì Microsoft đã knhị tử bé bỏng này cùng sửa chữa thay thế bằng Microsoft Edge còn chỉ chạy được trên Windows 10, không có bạn dạng thiết lập standalone.

Apple Safari

*

Apple Safari là một trong những trình để mắt tới giành cho hệ điều hành quản lý Mac OS X của hãng sản xuất Apple. Tin bi lụy là Apple đã mất cung cấp cho phiên bản trên Windows vào năm 2012. Phiên phiên bản cuối cùng được thi công là Safari 5.1.7 vào trong ngày 9 mon 5 năm 2012. Quý khách hàng hoàn toàn có thể tham khảo nội dung bài viết Safari version history để khám phá.

Làm Việc cùng với bạn dạng Safari 5.1.7 bên trên Windows cũng vui. Vì đồ họa của người tiêu dùng đẹp long lanh bên trên các trình chăm chú khác thì Safari đã có tác dụng các bạn bế tắc ngập tràn. Nhưng chớ chán nản, cứ đọng search Google, thêm một vài prefix là sẽ hiển thị được thôi.

Microsoft Edge

*

Microsoft Edge là phiên bạn dạng trình chăm nom nhằm mục tiêu thay thế sửa chữa Internet Explorer và chỉ còn chạy được bên trên Windows 10 (thời điểm hiện tại).

Theo mình, Microsoft Edge gồm chức năng tương tự Internet Explorer. Microsoft sẽ thêm một số trong những vật dụng bắt đầu vài ba Edge như là hoàn toàn có thể mnghỉ ngơi website chạy từ localhost (IE thì ko nhận), giữ trang Web dưới dạng PDF,... Nhưng cũng có một trong những khó khăn chính là ko cung cấp lưu lại trang Web bên dưới dạng HTML nhỏng IE, Lúc F12 thì phần Developer Tools mang định sẽ tạo nên một hành lang cửa số bắt đầu (say đắm phù hợp với thao tác làm việc tự 2 màn hình trlàm việc lên, cơ mà khó khăn với cùng 1 màn hình), đồ họa hơi cực nhọc thao tác làm việc.

Cốc Cốc

*
*

Quay lại mẩu truyện dự án công trình cách đây không lâu, không trả Exception bên trên Firefox thì sinh hoạt Cốc Cốc, nó vẫn đá Exception bình thường. Google Chrome thì vẫn hên xui. Chả hiểu.

Kết luận

Những trình chu đáo mình nêu trong nội dung bài viết này đông đảo được áp dụng Khi làm trang web. Tiêu chí thứ nhất với cũng chính là đề xuất Khi có tác dụng Front-End là yêu cầu hiển thị xuất sắc bên trên toàn bộ những trình chăm nom (Cross-browser). Bởi vị CSS và JavaScript, mỗi trình coi ngó khái niệm theo một kiểu không giống nhau phải rất có thể Firefox gọi dẫu vậy Opera không hiểu nhiều.

Chẳng hạn nhỏng hàm window.navigate("http://www.google.com") vào JavaScript chỉ chạy được trên Microsoft Internet Explorer, mong mỏi điều khiển xe trên những trình chăm bẵm khác bắt buộc sửa thành window.location.href="http://www.google.com";.

Xem thêm: Đánh Giá Nhà Hàng Tiệc Cưới Glorious (Quận Tân Phú), Nhà Hàng Glorious

Còn một điều này khi xài IE cùng Edge của Microsoft chính là chức năng Inspect Element. Mặc định thì nó khi bạn hover vào tag như thế nào đó trong DOM Explorer thì nó không highlight quanh đó bối cảnh đâu. Quý Khách phải làm nhỏng hình dưới.


Chuyên mục: Kiến thức