Phát hiện tỷ lệ pixel màn hình thiết bị theo chương trình [thông qua javascript]. Sử dụng công cụ này, người ta có thể quyết định tìm nạp hình ảnh võng mạc hay tiết kiệm băng thông [và năng lượng] và tìm nạp hình ảnh có độ phân giải bình thường
Cài đặt
npm install javascript-retina-detect --save
Cách sử dụng
import { device_pixel_ratio } from 'javascript-retina-detect'
device_pixel_ratio[]
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …
Đóng góp
Sau khi nhân bản repo này, hãy đảm bảo các phụ thuộc được cài đặt bằng cách chạy
npm install
Mô-đun này được viết bằng ES6 và sử dụng Babel để dịch mã ES5. JavaScript có thể sử dụng rộng rãi có thể được tạo ra bằng cách chạy
npm run build
Khi
1 đã chạy, bạn có thểimport { device_pixel_ratio } from 'javascript-retina-detect'
device_pixel_ratio[]
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …
2 hoặcimport { device_pixel_ratio } from 'javascript-retina-detect'
device_pixel_ratio[]
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …
0 trực tiếp từ nútimport { device_pixel_ratio } from 'javascript-retina-detect'
device_pixel_ratio[]
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …
Sau khi phát triển, bộ thử nghiệm đầy đủ có thể được đánh giá bằng cách chạy
npm test
Trong khi tích cực phát triển, người ta có thể sử dụng [cá nhân tôi không sử dụng nó]
npm run watch
trong một thiết bị đầu cuối. Điều này sẽ xem hệ thống tệp và tự động chạy kiểm tra bất cứ khi nào bạn lưu tệp js
Khi bạn đã sẵn sàng thử nghiệm chức năng mới của mình trên một dự án thực, bạn có thể chạy
npm pack
Nó sẽ
1,import { device_pixel_ratio } from 'javascript-retina-detect'
device_pixel_ratio[]
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …
2 và sau đó tạo một kho lưu trữimport { device_pixel_ratio } from 'javascript-retina-detect'
device_pixel_ratio[]
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …
3 mà sau đó bạn có thể cài đặt trong thư mục dự án của mìnhimport { device_pixel_ratio } from 'javascript-retina-detect'
device_pixel_ratio[]
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …