Mozilla Firefox. Vấn đề về bố cục thích ứng (một lỗi gần như gây ra tranh cãi giữa công ty). Công cụ thiết kế web nhẹ trong Mozilla

Mozilla Firefox 14 chính thức là trình duyệt "cũ", dành cho những người thích làm công việc phát triển web, duyệt tin tức hoặc chỉ trò chuyện trực tuyến, chào mừng Firefox 15 cho máy tính để bàn.

Có gì mới trong Firefox 15

Firefox 15 có sẵn cho máy tính Windows, Mac và Linux.

Phiên bản 14 không tệ. Những cải tiến diễn ra liên tục nhưng bản phát hành này mang lại cảm giác ổn định và chu đáo hơn trước. Bar, Flash mọi thứ đều hoạt động tốt. Mozilla có thể phát huy thành công này không? Phiên bản mới của trình duyệt Firefox 15 có thể được tải xuống và cài đặt mà không gặp vấn đề gì; sau khi cài đặt, dấu trang và dữ liệu của bạn sẽ không bị mất.

ồ - mới cơ hội thú vị! Mặc dù có một số công cụ thiết kế web đáp ứng trực tuyến và được đánh dấu trang, Mozilla là nhà cung cấp đầu tiên thêm công cụ này trực tiếp vào trình duyệt (Menu > Phát triển Web > Thiết kế đáp ứng):

Bạn có thể chọn một loạt các độ phân giải thông thường hoặc bạn có thể kéo các điều khiển kích thước (khó hiểu) xuống dưới cùng bên phải của cửa sổ. Nó đơn giản nhưng hiệu quả. Bạn sẽ không bao giờ phải thay đổi kích thước toàn bộ cửa sổ trình duyệt của mình nữa. Có thể nói rằng với công cụ này, Firefox 15 trở thành trình duyệt dành cho các nhà phát triển web.

Trình kiểm tra dạng xem bố cục

Xem bố cục cửa sổ sẽ được thêm vào trang Thanh tra(Menu > Phát triển Web > Trình kiểm tra, sau đó nhấp vào sọc xanhở góc dưới bên phải):

Hình ảnh hiển thị chiều rộng và chiều cao, phần đệm, đường viền và lề của cửa sổ. Đây là một tính năng có sẵn trong Firebug và một số addon khác, nhưng nó rất hữu ích sau này. Cài đặt Firefox 15.

Trình gỡ lỗi JavaScript

Firefox cuối cùng cũng có trình gỡ lỗi JavaScript của riêng mình! (Menu > Phát triển Web > Trình gỡ lỗi):

Công bằng mà nói với Mozilla, trình gỡ lỗi của họ đã có hơn một thập kỷ, nhưng quá trình phát triển đã dừng lại từ vài năm trước. Xin nhắc lại, tính năng gỡ lỗi có sẵn trong Firebug, nhưng giải pháp thay thế gốc có thể sẽ hoạt động nhanh hơn - đặc biệt nếu bạn chỉ xử lý các vấn đề về tập lệnh.
Thật không may, trình gỡ lỗi vẫn không hoạt động. Điều này thật tuyệt nếu bạn áp dụng điểm dừng cho chức năng hẹn giờ và trình xử lý sự kiện, nhưng nó sẽ biến mất và xóa cài đặt ngay khi bạn làm mới trang.
Chúng tôi sẽ xem xét các chức năng trong Firefox 16 - đặc biệt là khi tính năng gỡ lỗi di động từ xa sẽ được triển khai.

Cập nhật yên tĩnh

Firefox 15 có thể Cập nhật cuối cùng, cần được tải xuống để bắt đầu cập nhật chương trình. Từ giờ trở đi, tất cả các bản cập nhật sẽ diễn ra ở chế độ nền.
Cái này Tin tốt: Người dùng Firefox sẽ chuyển sang phiên bản mới nhất nhanh chóng và không đau đớn. Quản trị viên hệ thống có thể kém vui hơn, phiên bản mới có thể hỏng nặng ứng dụng quan trọng- mặc dù có thể tắt cập nhật tự động.
Bản cập nhật này hiệu quả hơn một chút so với cập nhật của Google, có thể mất 10 phút hoặc hơn để cập nhật trên máy chậm.
Ưu điểm chính của trình duyệt Mozilla Firefox là: Công nghệ web mới nhất

HTML5 và JavaScript trong Firefox 14

Mozilla sắp ra mắt trình xem PDF mới sử dụng JavaScript, HTML5 mà không cần bất kỳ tiện ích bổ sung nào và được cung cấp độc quyền bởi công cụ Firefox 14 - Mozilla pdf.js. Sự đổi mới sẽ cho phép chúng tôi phát triển và tăng tốc biện pháp khắc phục nội bộ Việc xem PDF cùng với bản cập nhật công cụ JS sẽ tăng hiệu suất, tính ổn định và bảo mật của trình duyệt. Mozilla pdf.js có thể được sử dụng như một tiện ích bổ sung, nhưng nó hoàn toàn sử dụng công nghệ web, nghĩa là nó chỉ có thể được thực thi dưới dạng một ứng dụng web, nó có mã nguồn mở, do đó, nếu muốn, nó có thể được tích hợp vào các trang web và đã có đầu ra Phiên bản cuối cùng Trình duyệt Firefox 14, công nghệ pdf.js sẽ trở thành một phần không thể thiếu trong đó.

Những người sáng tạo và phát triển trang web sẽ yêu thích tính năng mới Tính năng của Firefox. Nếu bạn quan tâm đến việc tạo nội dung và ứng dụng bằng các công nghệ tiên tiến thì Firefox sẽ dành cho bạn lựa chọn tốt nhất giữa các trình duyệt. Để tìm hiểu thêm, hãy xem Biểu đồ so sánh hỗ trợ công nghệ nâng cao.

Cập nhật biểu mẫu

Hãy để quá trình phát triển biểu mẫu web khó chịu trở thành quá khứ. Các công cụ xây dựng biểu mẫu được tích hợp vào Firefox, chẳng hạn như thuộc tính danh sách và xác thực HTML, cung cấp cho bạn tất cả chức năng bạn cần.

Video ở định dạng WebM và HD

Là một trong những trình duyệt đầu tiên hỗ trợ video HTML5, Firefox hiện hỗ trợ Hình thức mới WebM, cho phép bạn xem video ở chất lượng HD.

Trình phân tích cú pháp

Firefox bao gồm một trình phân tích cú pháp sẵn sàng cho HTML5. Trình phân tích cú pháp này có một số tính năng mới, đáng chú ý nhất là tính năng lồng nhau và cũng cải thiện hiệu suất bằng cách chạy thuật toán phân tích cú pháp trên bộ xử lý của chính nó.

IndexedDB

Đã bật trong Firefox phiên bản xem trước, mang đến cho các nhà phát triển cơ hội thử nghiệm bộ nhớ trình duyệt cục bộ lần đầu tiên.

Đồ họa thế hệ tiếp theo

Nó phải được nhìn thấy để được tin tưởng. Nhờ công cụ đồ họa được cập nhật của chúng tôi, việc hiển thị văn bản và đồ họa, bao gồm cả , nhanh hơn và chính xác hơn bao giờ hết. Firefox tự động sửa lỗi bảng màu hình ảnh (ví dụ như của bạn ảnh kỹ thuật số) để màu sắc xuất hiện chính xác như mong muốn.

API tệp được cải tiến

Bằng cách thêm hỗ trợ cho phương thức .click() vào hộp thoại tải tệp lên, phương thức .slice và url cho API tệp, Firefox đã cung cấp cho các nhà phát triển khả năng tùy chỉnh tốt hơn cách tải tệp lên máy chủ.

Tạo kiểu trang bằng CSS3

Hỗ trợ các tính năng CSS3 mới như bán kính đường viền, bóng hộp cũng như các hiệu ứng chuyển tiếp và biến đổi khác giúp bạn dễ dàng thêm hoạt ảnh trang nhã vào trang web.

API âm thanh

Firefox đang thay đổi cách tích hợp phương tiện truyền thông với Internet. Với HTML5, các nhà phát triển có thể dễ dàng sử dụng JavaScript để đọc và ghi dữ liệu âm thanh. Chúng tôi cung cấp quyền truy cập vào dữ liệu âm thanh thô để bạn có thể tạo hiệu ứng âm thanh tuyệt vời!

Hỗ trợ đa cảm biến

Firefox hiện đã tích hợp hỗ trợ cảm ứng đa điểm Công nghệ Windows 7, mang đến cho bạn sự hoàn hảo cách mới tương tác với trình duyệt của bạn.

Bảng điều khiển web

Bạn có muốn biết điều gì thúc đẩy các trang web sử dụng công nghệ tiên tiến không? Với công cụ phân tích thử nghiệm này, bạn có thể xem chi tiết các trang web động.

Bất chấp tất cả, Mozilla Firefox là một trình duyệt hiện đại phổ biến, phiên bản mới được phát hành vào tháng 1 năm 2010. Một phiên bản mới về mặt khái niệm khác với phiên bản trước, có một công cụ mới hiệu quả, do đó, tốc độ tải của các trang web đã tăng lên, chất lượng hiển thị được cải thiện, khả năng tương thích tốt hơn với các tiêu chuẩn và giao diện đã được thay đổi. Khả năng tải xuống Mozilla miễn phí là cơ hội để trải nghiệm một cấp độ hoàn toàn mới của trình duyệt. “Mazila” hiện đã có bằng tiếng Nga.

"Mozilla Firefox"

Mozilla Firefox bắt đầu lịch sử của nó với trình duyệt Netscape Navigator. Trong “cuộc chiến trình duyệt”, dự án Netscape đã phát triển thành trình duyệt Mozilla Firefox. Theo truyền thống, có thể tải xuống Mozilla Firefox miễn phí. Kể từ khi được tạo ra, Firefox đã có “thẻ điện thoại” riêng - dễ sử dụng. Giao diện đơn giản là ưu điểm chính của trình duyệt. Điều đáng ghi nhớ là Netscape Navigator có giao diện tương tự như . Cái sau có vị trí tốt nhất trên thị trường nhờ các sản phẩm đóng gói mang nhãn hiệu Microsoft. Mozilla Firefox được phân phối miễn phí, có thể tải xuống miễn phí trên trang web của nhà phát triển, trong bảng điều khiển của các công cụ tìm kiếm Runet hàng đầu, dẫn đầu trong số các trình duyệt, vì nó không có sự hỗ trợ mạnh mẽ như Internet Explorer.

Trình duyệt "Mazila Firefox"

Khả năng mở rộng của Mazila Firefox được mở rộng trình độ tốt bảo mật, cũng kiểm soát Điều khiển ActiveX và quản lý dữ liệu cá nhân. Bạn có thể tải xuống Mozilla miễn phí và sử dụng tìm kiếm thông minh nằm gần thanh tìm kiếm cũng như dòng nhập địa chỉ Internet thông minh. Bạn có thể tải xuống "Mazila" miễn phí và tận dụng cơ chế tải xuống nhanh các ứng dụng và tệp có thể tải xuống sau khi kết nối bị gián đoạn, cũng như nhiều tùy chọn và điều khiển tiện lợi.

Và thêm về những ưu điểm của Mazila Firefox:

thanh tìm kiếm đặc biệt được tích hợp vào cơ sở dữ liệu tìm kiếm một trong những công cụ tìm kiếm Khi cài đặt plugin, bạn có thể mở rộng số lượng công cụ tìm kiếm trên trang tải xuống;
khả năng tải xuống Mozilla Firefox miễn phí mang lại cơ hội sử dụng giao diện đã phát triển, bao gồm dấu trang, tab và điều hướng an toàn;
Trình duyệt Mozilla Firefox được thiết kế theo cách tôn trọng các vấn đề về quyền riêng tư nhiều nhất có thể, cũng như bảo vệ khỏi phần mềm độc hại, phần mềm gián điệp và chặn cửa sổ bật lên;
Trình duyệt Mozila đảm bảo khả năng mở rộng trang web chất lượng cao;
khả năng tải xuống trình duyệt Mazila gợi ý các giải pháp có thể mở rộng thông qua plugin;
Trình duyệt hỗ trợ xuất tin RSS.

Cộng đồng Mozilla đã tiết lộ kế hoạch sơ bộ sự phát triển của trình duyệt Firefox trong năm nay. Trước hết, Mozilla có kế hoạch đẩy nhanh tiến độ phát hành các phiên bản ổn định mới của trình duyệt web, theo báo cáo của Compulent Resource.

Số lượng thay đổi và cải tiến trong các bản phát hành như vậy sẽ ít hơn nhưng chúng sẽ được phát hành thường xuyên hơn. Cách tiếp cận này được kỳ vọng sẽ giải quyết được vấn đề chậm trễ, như trường hợp của Firefox 4, việc công bố dự kiến diễn ra vào tháng 11, nhưng sau đó đã bị hoãn lại đến quý đầu tiên của năm 2011.

Trong số các nhiệm vụ chính mà hãng dự định giải quyết trong năm nay, Mozilla nhấn mạnh việc đảm bảo trình duyệt phản hồi được đảm bảo đối với các hành động của người dùng trong vòng 50 mili giây, triển khai hỗ trợ cho các công nghệ hiện đại. các hệ điều hành, tối ưu hóa giao diện người dùng và phát triển nền tảng thống nhất để chạy các ứng dụng nhiều loại khác nhau. Ngoài ra, Mozilla dự định đảm bảo an toàn cho dữ liệu người dùng trong trường hợp trình duyệt bị lỗi.

Ngoài Firefox 4, năm nay Mozilla dự kiến sẽ phát hành phiên bản thứ năm, thứ sáu và thứ bảy của trình duyệt này.

Firefox 5 dự kiến sẽ có tính năng quản lý tài khoản, hoạt ảnh giao diện, hỗ trợ hệ thống 64 bit, v.v. Trong Firefox 6, nỗ lực của các lập trình viên sẽ nhằm mục đích tối ưu hóa bộ đệm và công cụ JavaScript.

Như đã hứa trước khi phát hành Firefox 4.0, bản dựng cuối cùng của trình duyệt Firefox 5 có thể sẽ được phát hành vào ngày 21 tháng 6 năm 2011. Điều này gián tiếp xác nhận lịch trình được các chuyên gia Mozilla công bố, theo đó việc phát triển của trình duyệt này sẽ bao gồm bốn giai đoạn then chốt, quy định rõ ràng và phân định kịp thời tất cả các giai đoạn gỡ lỗi mã trình duyệt Internet. Kế hoạch đã công bố được trình bày dưới dạng bản nháp nên có thể xuất hiện một số điều chỉnh trong đó.

Vì vậy, theo dự kiến, đến cuối năm 2011 chúng ta sẽ có phiên bản Firefox 5, 6 và 7. Mọi Phiên bản mới Firefox sẽ phải trải qua ba giai đoạn chính trước khi phát hành - mozilla-central (như kênh Canary dành cho Chrome), mozilla-aurora (kênh Dev) và mozilla-beta, mỗi giai đoạn sẽ kéo dài khoảng sáu tuần.

Ngoại lệ đầu tiên và (cho đến nay) duy nhất đối với quy tắc này là Firefox 5, nó sẽ tồn tại ở giai đoạn mozilla-central chỉ trong ba tuần và ở giai đoạn cực quang và beta trong 5 tuần. Firefox 5 hiện đang ở chế độ trung tâm, bản dựng hàng đêm đã có sẵn cho các nhà phát triển và những người đam mê và nó sẽ sớm bước vào giai đoạn cực quang (từ ngày 12 tháng 4). Nếu mọi thứ diễn ra theo đúng kế hoạch, chúng tôi sẽ có thể nhận được Firefox Beta 5 vào ngày 17 tháng 5 và bản phát hành cuối cùng vào ngày 21 tháng 6.

Firefox 5 sẽ được cải thiện giao diện người dùng với chức năng chọn nhiều tab, tích hợp tiện ích xem tài liệu định dạng PDF và hệ thống quản lý tài khoản được cải tiến. Nó cũng được lên kế hoạch đưa vào trình duyệt các công cụ để đảm bảo tích hợp chương trình với mạng xã hội.

Từ tác giả: không nghi ngờ gì trong năm năm qua Google Chromeđã trở thành thế lực thống trị trong cuộc chiến trình duyệt dành cho người dùng máy tính để bàn và (rõ ràng) thiết bị di động. Mặt khác, các nhà phát triển lại hiểu biết hơn về mặt kỹ thuật và ý thức bảo mật hơn, đó là lý do tại sao họ thích Firefox hơn. Tất cả các bản phân phối hệ điều hành tập trung vào bảo mật đều chứa Firefox, không phải trình duyệt dựa trên Chrome, mặc dù sau này cũng có nguồn mở nguồn và hoàn toàn miễn phí.

Thật may mắn cho chúng tôi, việc tuân thủ các tiêu chuẩn web có nghĩa là phần lớn các trình duyệt mà nhà phát triển sử dụng đều tương thích với các trình duyệt mà hầu hết mọi người sử dụng. người dùng thông thường. Và điều này rất quan trọng, vì mọi thứ được phát triển cho Firefox sẽ hoạt động trong Chrome trong 99% trường hợp. IE không còn là ưu tiên hàng đầu của hầu hết các nhà phát triển. Nó đã lỗi thời và được sử dụng để tải các trình duyệt khác. Hiện tại cũng không có ai coi trọng Edge.

Firefox không chỉ được yêu thích vì tính bảo mật và quyền riêng tư. Firefox luôn là một dự án hướng tới cộng đồng (mặc dù với Wikipedia, "cộng đồng" đã trở nên quá hợm hĩnh). Trọng tâm của mô hình phát triển cộng đồng là nâng cao chất lượng Kinh nghiệm người dùng. Nói cách khác, các dự án hướng tới cộng đồng thường đặt nhu cầu của người dùng lên hàng đầu. Các dự án của công ty ưu tiên nhu cầu của công ty. Đối với các nhà phát triển, điều này có nghĩa là có rất nhiều công cụ miễn phí trực tuyến giúp công việc của họ trở nên dễ dàng hơn. Phần lớn các công cụ này nhẹ hơn nhiều so với hầu hết các công cụ khác tùy chọn trả phí.

THIMLE

Thimble được thiết kế chủ yếu để học HTML. Nó có HTML đầy đủ và Trình chỉnh sửa CSS, khiến nó trở thành một công cụ cực kỳ hữu ích để tìm kiếm giải pháp nhanh chóng và sao chép HTML cuối cùng để tải tệp lên máy chủ. Nó hoạt động tốt hơn trình soạn thảo mã trong CPanel vì nó không làm gì thêm và không nhận ra mọi dấu nháy đơn trong văn bản dưới dạng dấu phân cách dòng.

JavaScript. Bắt đầu nhanh

Giao diện được chia thành hai bảng. Theo mặc định, bảng có mã nằm ở bên trái, bảng xem trước- bên phải. Có ba chế độ xem:

lượt xem trên thiết bị di động;

xem toàn màn hình.

Ở chế độ xem thứ ba, bảng mã tạm thời bị ẩn cho đến khi bạn quay lại chế độ căn bản xem, việc này được thực hiện dễ dàng chỉ bằng một nút bấm. Tự động xem xétđược bật theo mặc định và hiển thị kết quả nhập mã. Nếu nó gây mất tập trung, bạn có thể tắt nó đi. Chế độ xem tự động thậm chí có thể hiển thị Kiểu CSS trong thời gian thực. Nếu bạn tạo một khối có nội dung rồi thêm kiểu vào đó, bạn có thể dễ dàng thử nghiệm với các loại khác nhau.

Không giống những người khác biên tập viên trực tuyến kết nối ở đây dễ dàng hơn tập tin bên ngoài. Bạn thậm chí có thể tạo toàn bộ cây thư mục để lưu trữ. Tất cả những điều này khiến Thimble trở thành công cụ yêu thích của tôi dành cho tạo nhanh các trang hoặc cập nhật trên trang web khi đi du lịch.

Nhược điểm là hiển nhiên - công cụ này yêu cầu kết nối mạng (tất nhiên trừ khi bạn có thể sao chép nền tảng Thimble trên Máy chủ cục bộ). Hạn chế thứ hai là bạn không thể xuất bản các dự án thương mại của mình trên đó vì nền tảng này không được thiết kế cho các chuyên gia.

Thay vào đó, bạn có thể sao chép mã HTML và dán vào trình soạn thảo mã trong CPanel hoặc tập tin văn bản, rồi lưu nó trên máy chủ của bạn. Cây tập tin sẽ được bảo tồn hoàn toàn.

Như với hầu hết dự án Mozilla, Tài liệu của Thimble khá thưa thớt, đặc biệt là về những gì bạn có thể và không thể làm. Các nhà phát triển mong đợi bạn đọc các điều khoản sử dụng, đây là một giả định khá đáng ngờ, mặc dù mọi người quản lý web sử dụng các giải pháp phát triển trực tuyến đều nên làm như vậy.

Các quy tắc sử dụng có rất một phần quan trọng nó nói bạn đưa ở đâu Mozilla miễn phí cấp phép cho mọi thứ bạn đăng trên nền tảng của họ và bạn đồng ý cho phép người khác sử dụng lại và chỉnh sửa sản phẩm của bạn. Rõ ràng, sau này bạn sẽ không muốn xuất bản các dự án chuyên nghiệp của mình trên nền tảng này.

KÍNH X-quang

Trẻ em luôn muốn có kính chụp X-quang, nhưng thật không may, những công nghệ như vậy (ít nhất là những công nghệ thực sự hoạt động) lại quá đắt đối với trẻ em bình thường. Kính X-Ray Goggles của Mozilla sẽ không cho bạn thấy y tá của trường mặc gì bên dưới áo khoác ngoài hay thứ mà một người làm vườn Scotland mặc dưới váy, nhưng với công cụ này, bạn có thể xem cách một trang web hoạt động và có thể chỉnh sửa mã để nó hoạt động. -đến người khác. Điều này thú vị hơn nhiều so với bất kỳ kiểu biến thái nào, phải không?

Mục đích chính của công cụ này theo quan điểm chuyên nghiệp là mô hình hóa cát để kiểm tra những thay đổi trong thiết kế hiện có mà không cần phải thực hiện những thay đổi ngay lập tức. Mọi thứ đều rất đơn giản, để cài đặt, bạn chỉ cần kéo nút X-Ray Goggles vào thanh dấu trang. Để kích hoạt, nhấn nút, để thoát, nhấn ESC.

nhà tạo web

Không phải là công cụ hữu ích nhất đối với hầu hết các nhà phát triển vì nó chỉ được thiết kế cho Android. Webmaker hầu như không cung cấp gì mà không thể tìm thấy trong trong mạng xã hội. Mozilla đã từ bỏ một trình chỉnh sửa video trực tuyến khá hữu ích (Popcorn) và thay thế bằng công cụ này. Webmaker phù hợp cho người mới bắt đầu vì nó sử dụng phương pháp thiết kế ưu tiên thiết bị di động đã trở thành điều bắt buộc đối với các trang web hiện đại.

Tuy nhiên, các chuyên gia sẽ bối rối trước những hạn chế liên quan đến việc chỉ phát triển cơ sở hạ tầng di động. Công cụ này chủ yếu nhằm mục đích thu hút thanh thiếu niên đến với thương hiệu Mozilla, đồng thời cũng nhằm mục đích giúp giáo viên trông thật ngầu (dạy họ nói ngôn ngữ phát triển web di động).

Một vấn đề khác có thể gây nhầm lẫn là đây lại là một ứng dụng khác chiếm dung lượng và tài nguyên trên thiết bị. Android có thói quen làm đầy bộ nhớ nhanh chóng và hầu hết người dùng không đóng ứng dụng sau khi thoát vì Google không buồn tạo ra giao diện đóng bất cứ thứ gì trực quan hoặc đơn giản. Kết quả là hầu hết điện thoại thông minh Android bắt đầu chạy chậm sau một vài tháng và mọi người chỉ cần thay đổi chúng hoặc liên tục phàn nàn về việc thiếu dung lượng trống.

BIÊN TẬP

Editor là ông tổ của Developer Panel của Mozilla và ban đầu được gọi là Composer. Có lẽ tên đã được thay đổi để không bị nhầm lẫn với KompoZer, hậu duệ của Composer. Trước KompoZer đã có Nvu và bạn sẽ không muốn sử dụng cả hai vì cả hai đều không hỗ trợ HTML5. Bạn có thể thử BlueGriffon, anh em cùng cha khác mẹ của KompoZer. Nó hỗ trợ HTML5. Tuy nhiên, bạn sẽ chỉ nhận được trình chỉnh sửa CSS nếu trả tiền cho plugin. Tất cả những công cụ này vẫn có thể sử dụng được, ngoại trừ Nvu. Trình soạn thảo/Trình soạn thảo vẫn có sẵn trong trình duyệt Mozilla SeaMonkey.

SCRATCHPAD

Một công cụ để viết và kiểm tra mã JS. Bảng điều khiển chỉ cho phép bạn thực thi một dòng tập lệnh mỗi lần, điều này hạn chế đáng kể các tùy chọn của bạn. Đồng thời, bạn có thể nhập bao nhiêu dòng tùy thích vào Scratchpad. Kích hoạt trong bất kỳ tab Firefox nào bằng cách nhấn Shift + F4.

Một cửa sổ soạn thảo văn bản sẽ mở ra với giao diện đơn giản. Bạn có thể mở các tập lệnh hiện có, chỉnh sửa và lưu chúng. Bạn cũng có thể tạo tập lệnh mới. Trình chỉnh sửa có tính năng tự động hoàn thành các lệnh đã nhập được tích hợp sẵn. Ngoài ra còn có tài liệu về cú pháp lệnh. Bạn có thể chạy toàn bộ tập lệnh hoặc các phần của tập lệnh bằng cách sử dụng lựa chọn.

JavaScript. Bắt đầu nhanh

Khám phá Khái niệm cơ bản về JavaScript TRÊN ví dụ thực tế về việc tạo một ứng dụng web

CHẾ ĐỘ THIẾT KẾ ĐÁP ỨNG

Tính năng này được tích hợp ngay trong Firefox (nó cũng có sẵn trong Chrome và Google Chrome). Với sự trợ giúp của nó, bạn có thể kiểm tra bố cục trang ở các độ phân giải khác nhau trên cùng một màn hình. Công cụ này không hoàn hảo (đối với tất cả các trình duyệt), nhưng nó sẽ hoạt động trong hầu hết các trường hợp để kiểm tra giao diện giống nhau của trang web. Chế độ phản hồi của Firefox được kích hoạt bằng cách nhấn Ctrl + Shift + M. Quay lại chế độ bình thường có thể nhấn lại.

Bạn có thể thay đổi bố cục bằng cách sử dụng một loạt nút nằm phía trên bố cục. Nút đầu tiên bên trái tương tự như “đóng cửa sổ”, bạn có thể sử dụng nút này để thoát khỏi chế độ thích ứng. Tiếp theo là danh sách thả xuống nơi bạn có thể chọn mẫu quyền, đặt mẫu mới hoặc (không khuyến nghị) xóa mẫu quyền hiện có khỏi danh sách. Ở bên phải danh sách thả xuống có một nút để chuyển giữa dọc và chế độ phong cảnh. Tiếp theo là nút mô phỏng các sự kiện chạm vào màn hình. Nút cuối cùng chụp ảnh màn hình.

Một số phiên bản Firefox cho phép bạn đặt tỷ lệ pixel, nhưng tính năng này hoạt động tốt như thế nào tùy thuộc vào tỷ lệ pixel trên thiết bị của bạn. Ngoài các phương pháp tích hợp sẵn để xem bố cục đáp ứng, còn có các phương pháp khác. Bây giờ chúng tôi sẽ cho bạn thấy.

MỞ RỘNG CÔNG CỤ PHÁT TRIỂN WEB

Công cụ này không có sẵn theo mặc định trong Mozilla, nó là một tiện ích mở rộng cho Firefox của Chris Pederick. Tiện ích mở rộng chứa rất nhiều công cụ phù hợp với mọi nhu cầu của bạn. Với nó bạn có thể:

bật và tắt một cái gì đó;

kiểm soát cookie;

thay đổi trang CSS;

thay đổi các trường biểu mẫu trên trang;

xóa mặt nạ khỏi các trường như mật khẩu;

kéo ra thông tin chi tiết về hình ảnh;

kiểm tra các phần tử DOM;

nhấn mạnh các yếu tố;

thay đổi kích thước màn hình;

xem bố cục ở chế độ đáp ứng tốt hơn so với các phương pháp tích hợp sẵn;

và nhiều hơn nữa.

Cách đơn giản nhất để mô tả tiện ích mở rộng này là nó là một công cụ phát triển đa dạng của Quân đội Thụy Sĩ. Nó hoạt động tốt ở hầu hết mọi thứ bạn cần, nhưng tất cả các công cụ đều bị ẩn đi cho đến khi bạn cần chúng. Bạn có thể truy cập chúng bằng cách sử dụng click chuột phải chuột trong menu ngữ cảnh cũng có thanh công cụ. Thanh công cụ tốt hơn nhiều.

CÔNG CỤ PHÁT TRIỂN FIREFOX

Phần lớn chức năng của Firebug hiện có sẵn trực tiếp từ bảng điều khiển dành cho nhà phát triển tích hợp, bao gồm cả bảng điều khiển. Bảng điều khiển tương tự và hoạt động giống như bảng điều khiển trong Chrome và Google Chrome. Giao diện không trực quan và khi bạn thành thạo và hiểu tất cả các chức năng, bạn sẽ mắc rất nhiều lỗi.

Người dùng thiếu kinh nghiệm có thể không nhận thấy một trong các chức năng - dòng lệnh JS ở cuối bảng điều khiển, nó không được đánh dấu dưới bất kỳ hình thức nào. Nó hoạt động tốt hơn các phiên bản Chrome/Chrome, nhưng việc triển khai chúng, thêm con trỏ nhấp nháy trực tiếp vào bảng điều khiển, rõ ràng hơn nhiều.

ĐO LƯỜNG MỞ RỘNG

Việc cài đặt Screen Ruler tuyệt vời của Ian McIntosh sẽ dễ dàng hơn, nhưng tiện ích mở rộng Measureit của Kevin Freitas có một lợi thế. Nó có thể đo chiều rộng và chiều cao cùng một lúc và chính xác hơn. Công cụ hữu íchđể đo thứ gì đó trong cửa sổ trình duyệt. Trong một số phiên bản Công cụ Firefox không hoạt động, có thể do xung đột với các tiện ích mở rộng khác. Hãy thử tắt tiện ích mở rộng trước khi cài đặt.

KÉO MẮT VÀ MẮT COLORZILLA

Mọi nhà thiết kế nên có cả hai hoặc một trong các công cụ này, vì với sự trợ giúp của họ, bạn có thể nhanh chóng tìm thấy màu của bất kỳ pixel nào trong trình duyệt. Bạn cũng có thể sử dụng GColor - một công cụ Gnome thực hiện công việc tương tự nhưng nó có khả năng lấy mẫu màu từ bất kỳ cửa sổ nào chứ không chỉ từ trình duyệt. Ưu điểm của ColorZilla và Eyedropper so với GColor là chúng hiển thị chế độ xem phóng to của pixel mà màu được tạo ra.

Công cụ này được kích hoạt bằng cách nhấp vào biểu tượng ống nhỏ mắt, sau đó con trỏ chuyển sang dạng hình chữ thập (ColorZilla) hoặc kính lúp lớn (Eyedropper). Di con trỏ qua cửa sổ và tìm pixel có màu bạn muốn lấy. Nhấp chuột trái để sao chép màu vào bảng tạm (ở định dạng hex), sau đó tiện ích mở rộng sẽ tự động đóng.

Đây chỉ là những người trợ lý, họ sẽ không làm mọi việc cho bạn.

Bạn vẫn là một nhà phát triển, bạn vẫn cần phải hoàn thành trách nhiệm của mình. Những công cụ này, nếu được sử dụng đúng cách, sẽ khiến mọi việc trở nên dễ dàng hơn. Họ có thể giúp đỡ những cách khác và đối với hầu hết mọi người, một số trong số chúng hoàn toàn vô dụng, bất chấp những ý định tốt nhất từ phía Mozilla. Có những công cụ trực tuyến khác tốt hơn những công cụ được mô tả trong bài viết này, nhưng nhìn chung đây là những công cụ tốt nhất để sử dụng. Đôi khi biết ăn gì cũng tốt công cụ miễn phí từ Mozilla, có thể được sử dụng nếu có nhu cầu.

Từ ngày 15 Phiên bản Firefox quà tặng bắt đầu đổ về cho các nhà phát triển web. Các công cụ gỡ lỗi mới đã được thêm vào, những công cụ hiện có đã được cải tiến và các chức năng mới đã xuất hiện. Bắt đầu từ phiên bản 16, Firefox bắt đầu hỗ trợ hầu hết tất cả các phần tử CCS3 không có tiền tố
Và bây giờ về từng món quà riêng biệt và chi tiết

Thiết kế thích ứng

Thiết kế đáp ứng là một tính năng cho phép bạn xem trang web ở bất kỳ độ phân giải nào. Bạn có thể chọn từ cài đặt trước chính độ phân giải tiêu chuẩn hoặc bạn có thể tự cấu hình nó.
Chức năng này có thể được gọi bằng phím tắt Ctrl+Shift+M Hoặc từ menu - Công cụ - Phát triển web - Thiết kế đáp ứng

Như bạn có thể thấy, tab phát triển web đã mở rộng một chút do có thêm các chức năng. Nhưng hãy quay lại với thiết kế đáp ứng.
Bạn có thể bật chức năng xem trang web trong nhiều tiện ích mở rộng khác nhau trên bất kỳ trang nào trong một tab riêng biệt, trong khi phần còn lại tab đang mở sẽ không thay đổi. Chức năng được khởi chạy không ảnh hưởng đến việc duyệt trang web, nghĩa là bạn có thể theo các liên kết trong trang web hoặc liện kết ngoại và một tab có thiết kế đáp ứng sẽ hiển thị bất kỳ trang nào cho đến khi bị tắt

Ngoài các tiện ích mở rộng được cài đặt sẵn, bạn có thể tự thay đổi các tiện ích mở rộng theo ý muốn. Sử dụng hai thanh trượt bên phải, bạn có thể tăng và giảm kích thước.

Có lẽ không cần phải nói riêng về giá trị của chức năng được triển khai đối với các nhà phát triển web, vì thực tế là nhiều thiết bị khác nhau với nhiều phần mở rộng khác nhau. Và điều quan trọng là mọi nhà phát triển web hoặc chủ sở hữu trang web phải biết trang web trông như thế nào với phần mở rộng khác nhau. Nó sẽ đặc biệt hữu ích cho người mới bắt đầu

Trình gỡ lỗi JavaScript

Cùng với biên tập đơn giản JavaScript, khá thuận tiện để kiểm tra, chỉnh sửa và khám phá một số tập lệnh, một trình gỡ lỗi nâng cao hơn đã xuất hiện
Người dùng không quan tâm đến việc phát triển tập lệnh có thể sử dụng công cụ tích hợp này để khám phá tập lệnh trên bất kỳ trang nào và lấy danh sách cũng như nội dung của tập lệnh

Hỗ trợ không có tiền tố phần tử CSS3

Kể từ phiên bản 16, Firefox hỗ trợ đầy đủ các phần tử (không có tiền tố) như Gradents, Transforms, Animations và Transitions
Firefox là trình duyệt đầu tiên hỗ trợ các công nghệ mới. Đối với các trình duyệt khác, bạn phải tạo tiền tố hoặc hiển thị thay thế

Hỗ trợ trực quan có thể được nhìn thấy trong vụn bánh mì của trang này (menu điều hướng phía trên tài liệu). Sử dụng trang ví dụ
CSS3 và HTML5 Công nghệ mới nhất Độ dốc trong đường dẫn được vẽ mà không có tiền tố. Người dùng phiên bản FF 16+ sẽ thấy hiển thị chính xác

Người dùng các trình duyệt khác sẽ thấy một màn hình đơn giản

Cùng với điều này, hỗ trợ đã được thêm vào thẻ âm thanh và video. Bảng điều khiển phát triển được cải tiến, từ ngày 16 Phiên bản Mozilla Firefox hiện có quyền truy cập vào các chức năng cơ bản bằng các nút truy cập nhanh, Và dòng lệnhđể làm việc từ bàn phím

Đương nhiên, không phải tất cả những đổi mới đều được trình bày trong bài đánh giá này, nhưng tất cả đều cho thấy rằng, theo tôi, tất nhiên có thể hữu ích cho tất cả người dùng và những người được yêu thích nhất

Chú ý! Nghiêm cấm sao chép một phần hoặc toàn bộ bài viết mà không có liên kết hoạt động đến nguồn

Firefox chứa nhiều công cụ giúp các nhà phát triển web thực hiện công việc của họ. Nhiều người vẫn sử dụng FireBug và không nhận ra rằng Firefox hiện nay đã có sẵn các công cụ riêng. Trong chương này, chúng ta sẽ xem xét các công cụ hữu ích nhất để phát triển ứng dụng cho Firefox OS.

Nếu bạn quan tâm đến việc nhận thông tin thêm về những công cụ này và những công cụ khác công cụ tốt sẽ xuất hiện trong Firefox, hãy xem trang MDN (mặc dù hãy xem liên kết, tôi sẽ đợi).

Giới thiệu về thiết kế đáp ứng

Quy trình phát triển web phổ biến là chỉnh sửa tệp HTML và tải lại trang trong trình duyệt để xem các thay đổi. Trừ khi bạn đang sử dụng thứ gì đó như Grunt hoặc Volo, thì thường không cần bước biên dịch hoặc bước tương tự. Firefox OS Simulator cho phép bạn sử dụng quy trình tương tự, ngoại trừ việc trình giả lập hiện bị giới hạn ở một độ phân giải duy nhất (480x320). Điều này kém lý tưởng hơn nếu bạn cũng đang thiết kế ứng dụng của mình để chạy trên máy tính bảng, phablet, TV khổng lồ hoặc bất kỳ thiết bị nào ở giữa.

Để kiểm tra xem ứng dụng của bạn sẽ trông như thế nào ở bất kỳ độ phân giải màn hình nào, bạn có thể sử dụng công cụ Thiết kế đáp ứng để thay đổi màn hình (và chế độ xem). Nó có thể được kích hoạt thông qua menu Công cụ -> Phát triển web -> Thiết kế đáp ứng, như thể hiện trong hình dưới đây. Khi kích hoạt công cụ này, cửa sổ sẽ thay đổi để bạn có thể thay đổi kích thước khung nhìn bằng cách kéo các góc hoặc thông qua danh sách lựa chọn.

Sử dụng thiết kế đáp ứng đặc biệt hữu ích khi kiểm tra truy vấn phương tiện vì nó cho phép bạn thay đổi kích thước màn hình và xem trang web của bạn phản ứng như thế nào với những thay đổi bố cục trong thời gian thực. Một tính năng tuyệt vời khác của Thiết kế đáp ứng là bạn có thể lưu các kích thước đặt trước. Nếu bạn biết các kích thước mình đang nhắm mục tiêu thì bạn có thể nhanh chóng kiểm tra các kích thước khác nhau mà không cần phải thay đổi kích thước cửa sổ trình duyệt hiện tại.

Tại thời điểm viết bài, hầu hết điện thoại Firefox OS trên thị trường đều chạy ở độ phân giải 480x320 và mật độ khoảng 96 pixel mỗi inch. Tuy nhiên, bạn có thể mong đợi điều này sẽ thay đổi theo thời gian khi có phần cứng Firefox OS mới. Màn hình có thể sẽ có nhiều pixel hơn và hơn thế nữa mật độ cao(tương tự như màn hình retina của Apple).

Để đảm bảo hiệu suất đáng tin cậy trong tương lai cho ứng dụng của bạn, đừng đặt bất kỳ độ phân giải hoặc mật độ pixel nào trong CSS của bạn. Thay vào đó, bạn nên sử dụng truy vấn phương tiện và nguyên tắc thiết kế đáp ứng khi tạo ứng dụng thích ứng với mọi kích thước hiển thị. Để tìm hiểu thêm về thiết kế đáp ứng, tôi khuyên bạn nên đọc những cuốn sách sau: Thiết kế web đáp ứng và Đầu tiên trên thiết bị di động.

Nhìn chung, thiết kế đáp ứng cho phép chúng tôi thử nghiệm các ứng dụng web của mình bằng nhiều loại Đa dạng về kích cỡ màn hình mà không cần phải thay đổi cửa sổ trình duyệt Firefox. Theo ý kiến khiêm tốn của tôi, đây là một trong những cách hữu ích nhất và công cụ có sẵn nhà phát triển web, nhưng anh ấy có một hạn chế lớn: V Hiện nay không có cách nào để kiểm tra các mật độ pixel khác nhau (nói cách khác, xem trang web của bạn trông như thế nào trên màn hình retina hoặc màn hình tốt hơn).

Những công cụ phát triển

Công cụ Nhà phát triển Firefox tương tự như FireBug và các công cụ có sẵn ở các công cụ khác trình duyệt hiện đại. Với những công cụ này, bạn có thể thực thi và gỡ lỗi JavaScript thông qua bảng điều khiển cũng như thao tác với DOM và CSS trên trang hiện tại.

Để gọi bàn điều khiển, bạn có thể mở Công cụ -> Phát triển web -> Bảng điều khiển web hoặc nhấp chuột phải vào trang, chọn Kiểm tra phần tử và nhấp vào tab Bảng điều khiển.

Ngoại trừ Bảng điều khiển JavaScript có nhiều công cụ khác có sẵn, chẳng hạn như trình chỉnh sửa biểu định kiểu, trình giám sát mạng, trình biên dịch JavaScript, trình gỡ lỗi JavaScript, trình kiểm tra trang và nhiều công cụ khác.

Trong ứng dụng được tạo ở chương trước, chúng ta đã sử dụng bảng điều khiển để kiểm tra tiến trình của ứng dụng. nó thật đẹp phương pháp hiệu quả gỡ lỗi ứng dụng của chúng tôi, nhưng một số nhà phát triển vẫn sử dụng cảnh báo() cho mọi thứ Mã JavaScript như một "công cụ gỡ lỗi".

Sử dụng cảnh báo() thực sự không tốt vì nếu nhà phát triển quên xóa cảnh báo() thì người dùng sẽ phải trả tiền cho việc đó. Việc sử dụng bảng điều khiển sẽ tránh được vấn đề này vì tất cả các tin nhắn được hiển thị một cách vô hại (và một cách im lặng!) ở nơi mà người dùng thường không có quyền truy cập. Sử dụng bảng điều khiển cũng có nghĩa là bạn không phải xóa tin nhắn khỏi mã của mình trừ khi bạn thực sự muốn. Điều này có thể giúp duy trì và gỡ lỗi mã nếu có sự cố xảy ra (điều này thường xảy ra với bất kỳ phần mềm nào!).

Học và sử dụng đúng các công cụ dành cho nhà phát triển có trong Firefox (hoặc bất kỳ trình duyệt nào bạn sử dụng) đều có bước quan trọng trong quá trình làm nhà phát triển giỏi. Đó là lý do tại sao tôi khuyến khích mọi người xem các liên kết ở trên và xem xét kỹ hơn các công cụ khác nhau có sẵn trong Firefox.

Một công cụ đặc biệt khác chưa được đề cập ở trên được gọi là trình gỡ lỗi từ xa. Công cụ này cho phép bạn kết nối với điện thoại của mình dưới Điều khiển Android hoặc Firefox OS và sử dụng các công cụ dành cho nhà phát triển để gỡ lỗi mã chạy trên thiết bị theo thời gian thực.

Bản tóm tắt

Chương này dành riêng cho tổng quan ngắn gọn công cụ dành cho nhà phát triển có trong Firefox. Việc sử dụng các công cụ này giúp quá trình phát triển dễ dàng hơn, đặc biệt khi bạn sử dụng chúng cùng với trình giả lập Firefox OS. Trong chương tiếp theo, chúng ta sẽ tìm hiểu thêm về Trình quản lý ứng dụng và cách sử dụng nó một cách tốt nhất.

Hôm nay là ngày 13, 17 tháng 2. Câu chuyện bắt đầu từ 3 ngày trước. Trên thực tế vấn đề xuất hiện như sau. Có một băng chuyền (đây là một loại thanh trượt), người thiết kế bố cục của công ty R&K nhận được yêu cầu rằng băng chuyền không thích ứng, tức là. không co lại như mong đợi khi cửa sổ trình duyệt bị nén cho vừa với chiều rộng của nó. Lỗi được phát hiện trong Firefox v50.1.0 32-bit, Win7 32-bit. Cùng lúc đó, ngày hôm sau, một cuộc điện thoại lạ xuất hiện từ khách hàng với tin nhắn rằng mọi thứ vẫn ổn và cảm ơn vì đã phản hồi nhanh chóng. Bởi vì Không có ai nhìn cách bày trí chút nào, mọi người ngơ ngác gãi củ cải rồi giải tán. Hai ngày sau, khách hàng gọi lại và bắt đầu hét lên một cách giận dữ/đau lòng/dữ dội/dữ dội rằng bố cục lại không thích ứng và không vừa với cửa sổ trình duyệt khi trình duyệt được nén. Đây là nơi mọi người bắt đầu suy nghĩ và bắt đầu điều chỉnh bố cục.

chỉ mục.html

style.css * (lề: 0; phần đệm: 0; cỡ chữ: 0; ) /* đặt lại kiểu */ div ( lề: 20px tự động; /* căn giữa để kiểm tra */ viền: 1px Solid Royalblue; /* chặn khả năng hiển thị để kiểm tra */ /*display: inline-block; giá trị div gốc, không cần thiết để kiểm tra */ max-width: 450px; 300, 400, 450, 600, tự chọn chiều rộng */ white-space: nowrap / * để hình ảnh nằm trên một dòng */ /*overflow:ẩn; giá trị tràn ban đầu, không cần thiết cho thử nghiệm */ ) ( /*display: none; giá trị hiển thị ban đầu, không cần thiết cho thử nghiệm */ ) img ( chiều rộng: 100 %; /* nén ảnh thích ứng */ )
Tất nhiên, mọi thứ không cần thiết đều bị cắt bỏ để thử nghiệm. Như vậy mới thấy được ý nghĩa của vấn đề. Vì vậy, vấn đề được phát hiện với “bố trí thích ứng” như sau:

Bố cục, bố cục, ví dụ như ở trên, khởi chạy lại ở trên Trình duyệt Firefox. Chúng ta thấy hình ảnh sau đây, mọi thứ đúng như mong đợi, ví dụ như thế này.

Chúng tôi thu nhỏ cửa sổ, đương nhiên “bố cục thích ứng” sẽ thu nhỏ hình ảnh và chúng tôi nhận được điều này.

Mọi thứ đều ổn? Nhưng mọi chuyện không như vậy... Chúng tôi đi uống trà, hút thuốc, quay lại, mở Yandex, đọc tin tức (mail, Habr, Rutub, v.v.), mở ra để xem bố cục của chúng tôi và ngạc nhiên trước nhận được điều này.

Bây giờ hãy hiểu đúng nhé mọi người. Con người là con người. Không thể tính đến mọi thứ. Trong thế giới phần mềm có nhiều lỗi, việc tính đến mọi thứ lại càng khó khăn hơn. Tình huống sau đây đã phát triển. Khách hàng mở trang trong một tab, nén trình duyệt và nhận được thứ mình muốn. Ngày hôm sau, anh ấy mở một trang có tab thứ hai và bố cục không ổn định. Đồng thời, người thiết kế bố cục không để ý đến các tab đã mở chúng theo cách khác và nhận được kết quả khác nhau. Không ai chú ý đến số lượng tab. Đến mức họ bắt đầu mở Windows thuần túy, nhìn vào đó, bắt đầu tìm kiếm các báo cáo lỗi trên diễn đàn Mozilla, bắt đầu tìm kiếm hành vi kỳ lạ bộ chọn chiều rộng/độ rộng tối đa và thực hiện các hành động rất mê hoặc và kỳ lạ, điều này thật đáng xấu hổ khi viết về nó, nhưng hết lần này đến lần khác không ai chú ý đến số lượng tab. Hơn nữa, trong ba giờ không ai có thể tạo lại lỗi vì họ đã mở một trang thử nghiệm trên trình duyệt sạch không có tab. Chúng tôi chỉ đơn giản là ngạc nhiên khi lỗi tự biến mất, nhưng tất nhiên, ngay sau khi chúng tôi mở một trang có các tab và với một số tab nhất định, lỗi đã bò ra ngoài. Trong 24 giờ, mọi người đã phải chịu đựng cơn đau thắt ngực nghiêm trọng nhất mà tôi chưa từng thấy trong đời, kèm theo những tiếng kêu đau lòng của khách hàng. Tất nhiên, mọi người bắt đầu mất bình tĩnh một chút, và mọi thứ gần như trở thành một vụ thảm sát hoàn toàn. Kể lại câu chuyện cũng chẳng ích gì, nhưng bạn có thể đoán được nó sẽ dẫn đến điều gì tình huống tương tự Bạn có thể tự mình làm nó.

Làm ơn, trong thế giới phần mềm có nhiều lỗi, hãy cẩn thận và kiên nhẫn hơn. Điều này áp dụng cho tất cả mọi người không có ngoại lệ. Cả người biểu diễn và người quản lý. Tất nhiên, khách hàng không thể lấy gì ngoài tiền và họ có thể được tha thứ.

P.S.: Tôi không có gì để làm với các nhà thiết kế bố trí. Tôi đã bố trí cách đây 10 năm, tạ ơn Chúa tôi đã nhanh chóng thoát khỏi công việc kinh doanh tục tĩu này. Tôi gặp vấn đề này bởi gọi điện từ một người bạn đã vắt óc cố gắng giải quyết vấn đề này. Lỗi đã được tạo lại thành công, bố cục ở trên là của tôi. Bố cục này là thử nghiệm, hoàn toàn không phải sản xuất. Tôi đã đặc biệt gọi cho một nhà thiết kế bố cục khác mà tôi biết, đây là lần đầu tiên tôi nghe về lỗi này.