Phát hiện javascript hiển thị võng mạc

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

import { device_pixel_ratio } from 'javascript-retina-detect'
 



device_pixel_ratio()
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …

import { device_pixel_ratio } from 'javascript-retina-detect'
 
device_pixel_ratio()
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …

import { 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ẽ

import { device_pixel_ratio } from 'javascript-retina-detect'
 
device_pixel_ratio()
// `1` for normal screens



// `2` for retina@2x
// `3` for retina@3x
// …

import { device_pixel_ratio } from 'javascript-retina-detect'
 
device_pixel_ratio()
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …

import { device_pixel_ratio } from 'javascript-retina-detect'
 
device_pixel_ratio()
// `1` for normal screens
// `2` for retina@2x
// `3` for retina@3x
// …

Làm cách nào để sử dụng RetinaJS?

DPI nào được coi là võng mạc?

Làm cách nào để tính tỷ lệ pixel CSS?

Tỷ lệ pixel là gì?