Trong bài viết sau, chúng ta sẽ giới thiệu về Ứng dụng đáp ứng, đây là một công cụ phát triển miễn phí có sẵn cho Gnu / Linux, Microsoft Windows và macOS. Ứng dụng là một trình duyệt được sửa đổi sử dụng Electron và sẽ hiển thị ứng dụng web trên nhiều thiết bị cùng một lúc và trong một cửa sổ duy nhất cho phép người dùng tương tác.
Như tôi đã nói, đây là một trình duyệt đã sửa đổi được xây dựng với điện tử mà có thể giúp ích trong việc phát triển web đáp ứng. Ứng dụng này được xuất bản lần đầu tiên vào đầu năm 2020 và đã khá phổ biến với các nhà phát triển web. Nhiều người coi đây là một công cụ phát triển phải có cho tất cả các nhà phát triển front-end, vì nó có thể tạo điều kiện thuận lợi cho công việc.
Đặc điểm chung của APP có đáp ứng
- Các tương tác do người dùng thực hiện sẽ được nhân đôi trên tất cả các thiết bị. Một hành động (như nhấp, cuộn, v.v.) mà chúng tôi thực hiện trên một trong các thiết bị sẽ được sao chép trong tất cả các thiết bị khác trong thời gian thực. Tùy chọn này có thể bị vô hiệu hóa trên một hoặc tất cả các thiết bị mà chúng tôi đã bật.
- Chúng tôi nó sẽ cho phép thiết lập vị trí của các thiết bị, theo những gì chúng tôi cần.
- Chúng tôi sẽ tìm thấy hơn 30 cấu hình thiết bị tích hợp sẵn, với tùy chọn thêm thiết bị tùy chỉnh. Chúng bao gồm thiết bị chế độ phản hồi đặc biệt để tự do thay đổi kích thước màn hình.
- Chương trình sẽ cung cấp cho chúng tôi khả năng kiểm tra bất kỳ mục nào trên bất kỳ thiết bị nào chỉ bằng một cú nhấp chuột.
- Chúng ta có thể chụp ảnh màn hình toàn trang của tất cả các thiết bị hoặc một thiết bị cụ thể.
- Nó có thể tự động tải lại trên tất cả các thiết bị trong thời gian thực mỗi lần lưu HTML / CSS / JS.
- Ứng dụng cũng tôiBao gồm một trình chỉnh sửa CSS trực tiếp, và chế độ thiết kế, cho phép người dùng chỉnh sửa HTML trực tiếp mà không cần công cụ phát triển. Nó cũng có các tùy chọn mô phỏng tốc độ mạng, thu phóng, tắt xác thực SSL và hỗ trợ các giao thức khác nhau, trong số nhiều thứ khác.
- cũng chúng tôi sẽ tìm thấy hỗ trợ proxy mạng, chủ đề sáng và tối.
- Chương trình sẽ cung cấp cho chúng ta một loạt phím tắt để công việc thuận lợi.
- Chúng tôi cũng có thể sử dụng tiện ích mở rộng trình duyệt tùy chọn (dành cho Chrome, Firefox và Edge), được sử dụng để dễ dàng gửi liên kết từ trình duyệt web đến Ứng dụng đáp ứng và nhận bản xem trước của trang ngay lập tức.
Đây chỉ là một số tính năng của chương trình này. Họ có thể tham khảo chi tiết tất cả chúng từ trang web dự án.
Tải xuống ứng dụng đáp ứng
Ứng dụng này có thể được tìm thấy để sử dụng trong Ubuntu dưới dạng tệp AppImage. Tập tin này chúng tôi có thể tìm thấy nó có sẵn cho bạn tải trên trang web của dự án. Ngoài việc tải xuống từ trình duyệt web, chúng ta cũng có thể mở một terminal (Ctrl + Alt + T) và chạy wget theo cách sau để tải xuống phiên bản mới nhất được xuất bản ngày hôm nay:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
Để sử dụng tệp AppImage mà chúng tôi vừa tải xuống, chỉ cần nhấp chuột phải vào tệp này, chọn Thuộc tính và trong Quyền, tìm kiếm tùy chọn cho biết rằng chúng tôi cho phép chạy tệp như một chương trình. Một khả năng khác để cung cấp cho nó các quyền cần thiết, sẽ là mở một thiết bị đầu cuối (Ctrl + Alt + T) và đi đến thư mục mà chúng tôi đã lưu nó và viết lệnh:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Sau khi làm điều này, Để khởi động chương trình, bạn chỉ cần nhấp đúp vào tệp .AppImage. Nó cũng có thể được bắt đầu bằng cách chạy trong một thiết bị đầu cuối:
./ResponsivelyApp-0.18.0.AppImage
Nếu bạn muốn cài đặt các tiện ích mở rộng cho trình duyệt web, nhờ đó bạn có thể dễ dàng gửi các liên kết từ trình duyệt của mình đến ứng dụng và nhận bản xem trước tức thìTất cả những gì bạn phải làm là truy cập trang tải xuống của dự án và cuộn xuống cuối trang web. Ở đó chúng ta sẽ tìm thấy tiện ích mở rộng cho Firefox, Chrome hoặc Edge.
Như được chỉ ra từ kho lưu trữ GitHub của dự ánNếu bất kỳ người dùng nào gặp sự cố khi sử dụng ứng dụng, họ có thể mở sự cố và báo cáo sự cố đó như sau liên kết. Để biết thêm thông tin về dự án này, người dùng có thể truy cập trang web dự án.