谷歌搜“在线尺子”，前三个没一个靠谱的，这不坑人吗 🤣
话说，技术上很难实现吗？

技术上确实很难实现

手机用 cpu x 的尺子

我好像发现了一个商机，这就去学前端准备做一把在线尺子。名字扔给 ChatGPT 去取。

你尝试缩放网页，如果尺子的实际大小能保持不变还靠谱点

很难，因为必须要精确的知道 DPI ，精度越高才能越准确，电子尺只能在精度要求不高的情况下参考一下。精确测量只能用物理尺或者激光测距。

手机上倒是有比较准的 app ，小米商店有个"尺子"

技术上很难，想象一下，你的笔记本电脑上显示的 1cm 与投影仪上的 1cm 。网站怎么知道你用的是什么屏幕。

难不难你尝试去实现一下就知道了，那是真的困难。。

在 apple 的设备上会简单，因为无论是 iphone 还是 mac 硬件是定死的。

除了 DPI 外，还有显示误差。像素是一颗一颗，离散的，而且大多数以英寸为单位，换算到毫米厘米上，就可能会有一个像素的误差。

这个误差忽略不计，而且可以分摊

浏览器怎么获取你显示器的物理尺寸...

手机上是如何做到的呢？ oppo 商店叫做“尺子”的 app 不提供下载了，其他的不敢下。。。

不太可能实现，除非知道屏幕的物理尺寸。这个数据也许只有从显示器名字里获取个大概

app 权限比较多（相比网页），Windows 如果你下载一个 exe ，也可以做到比较准确。

需要结合 ai🤓

我一般用像素大厨，当然它是用来 Layout 的，但是不碍事

手机主流屏幕尺寸就那么几种，限定到品牌就更少了，就算系统不提供精确 dpi 值也可以查询一下型号算出来（
电脑显示器尺寸千奇百怪，根本不可能有一个预设，而 windows 系统给的默认 dpi 数值也只是一个厂商填写任意数值（而且只能在几个数字里选，几乎没有可能对上），跟实际像素密度可以没有任何联系...

其实简单，FastStone Capture 的做法就是让你输入 dpi 或者屏幕尺寸。然后尺子就是对的了。网页不缩放的话一样的原理。

你可以用 pdf 阅读器的 100% A4 纸去比一下大小将就一下

技术上很难实现吗？是的

你可以拿你的手机当尺子

图一的直接告诉你你要自己算每英寸像素数的。。。
你不算
图二告诉你这个得打印了用的。。。
你不打
图三实际上是作者踩坑踩的少了，1px 误差的问题。。。

某种意义上这三个站都有实际功效。。。
只是可惜 op 不读说明书。。。

你都选择用在线的了，精度就不是你考虑的了

额，其实看了的，但是都很麻烦。。。我只是吐槽在显眼位置放一个尺子图像但大概率不准就很坑。。。

虽然但是
物理尺子本身是否标准也是个问题😂

浏览器获取不到屏幕尺寸或者设备型号。这种只有原生应用才可以做到。

不是技术上实现很难，是不可能。除非和部分安卓环境一样浏览器 User-Agent 带一下设备型号，这样还能反查一下数据库来拿屏幕尺寸。

可以看下这里的说明，顺便量一下页面的例子和物理尺寸是不是也有偏移：
www.w3.org/Style/Examples/007/units.zh_CN.html

要实现一点都不难，只要 v2 上发个帖就行。

我都是找张 a4 纸校准后用

我 18cm ，直接让美女掏出来比较

不是有一個自帶 app 叫測距儀嗎？

iPhone 自带测距仪, 很牛逼很好用

糊了一个，手头没有尺子，用身份证试了，感觉还可以啊
data:text/html;base64,PGJvZHk+d2lkdGggPGlucHV0IGlkPSJ3aWR0aCIgdmFsdWU9Ijg1LjYwIiBwbGFjZWhvbGRlcj0iODUuNjAiPm1tLCB5b3VyIHNjcmVlbiBzaXplIDxpbnB1dCBpZD0iaW5jaCIgdmFsdWU9IjE0IiBwbGFjZWhvbGRlcj0iMTQiPmluY2hlcwo8ZGl2IGlkPSJib3giIHN0eWxlPSJ3aWR0aDogNDIuNDQ3NnB4OyBtYXJnaW46IDQyLjQ0NzZweDsgaGVpZ2h0OiA0Mi40NDc2cHg7Ij48c3R5bGU+ZGl2IHsKIGJveC1zaGFkb3c6IDAgMCAxMHB4ICMwMDA7Cn08L3N0eWxlPjxzY3JpcHQ+bGV0IGYgPSAoKT0+IHsKICBtbSA9ICgpID0+ICgoc2NyZWVuLndpZHRoKioyICsgc2NyZWVuLmhlaWdodCoqMikqKjAuNSkvKGluY2gudmFsdWUqMjUuNCk7CiAgYm94LnN0eWxlLndpZHRoID0gIHdpZHRoLnZhbHVlICogbW0oKSArICdweCc7CiAgYm94LnN0eWxlLmhlaWdodCA9IGJveC5zdHlsZS5tYXJnaW4gPSAxMCAqIG1tKCkgKyAncHgnOwp9CmluY2gub25jaGFuZ2U9ZjsKd2lkdGgub25jaGFuZ2U9ZjsKYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgZik7CmYoKTsKPC9zY3JpcHQ+PC9kaXY+PC9ib2R5Pg==

手机可以读取系统 ppi 的吧

我就一个问题
我的显示器是个投影仪 请 OP 帮我实现这个尺子

An opensource app for Android comes with ruler, compass, etc. github.com/FoedusProgramme/Omni

建议每个显示器制造商以后在生产显示器时边框内嵌一把尺子

这个需求让我想起来之前用的 iphone 8 屏幕可以当秤来用，当时我测了一下还挺准的

用 iPhone 自带的测距仪试试, 还可以, 误差+-1cm 吧

有没有想过一个问题 是你手上拿着的尺子不准。。。
就像 pdd 你买 3 个一样的尺子 说不定 3 个尺寸都不一样

＃12 当然是让用户自己输入呀

＃7 好有道理，我好像还没有看见过「复制」的显示模式下某个网页/应用显示在两个输出设备内显示比例不一致的情况。

人家写的那么清楚让你填一下显示器尺寸和宽高比分辨率之类的，你就是不肯。。。

learnku.com/articles/66839

之前研究过,挺容易的啊。
获取设备分辨率就行, js 也有接口。

console.log(screen.width * window.devicePixelRatio)

这个 app 中的功能 网页版能实现几个呀？

受制于浏览器和设备屏幕的兼容性问题，这种很难实现精准的

我想到一个点子，在页面上放一个身份证/银行卡的框框，让用户用自己的卡片对准，调节网页缩放比例
是不是完美解决了？

但都支持外接各种屏幕、还要考虑‘投屏“等需求

变数太多，很难实现，例如显示器尺寸、分辨率、浏览器等等，很难做到统一