Chrome扩展获取活动屏幕的显示信息

Question

我正在创建一个 chrome 扩展程序，它可以在点击扩展程序时获取显示信息 [屏幕尺寸]。我在 API

之后使用它取得了成功

chrome.system.display.getInfo();

这个 API 正在提供所有附加显示器的信息 [这真的很棒]，但我真正想要的是，我想获得我的 chrome 浏览器所在屏幕的显示信息打开。

例如我有屏幕，屏幕一：1980 * 1280，屏幕二：1680 * 980，

现在，如果我的 chrome 浏览器 window 在 screen-two 上打开，那么我想要的信息是 1680 * 980，如果我的 chrome 浏览器 window 在 screen-one 上打开然后我想要的信息是 1980 * 1280.

使用的文件 https://developer.chrome.com/docs/extensions/reference/system_display/

我已经阅读了文档，也许我遗漏了什么。所以请帮助我找出我在这里缺少什么或者我可以改进自己的地方

谢谢

Answer 1

我还没有找到任何使用 chrome 扩展 API 的准确解决方案。

但是，我使用的方法是，

我创建了一个内容脚本，它读取活动屏幕的 window 对象，并通过向我的 chrome 分机发送消息来提供该屏幕的尺寸。

// ContentScript.ts

chrome.runtime.onMessage.addListener((request, _sender, response) => {
        const {
            screen: { height, width },
            innerHeight,
            innerWidth,
            devicePixelRatio,
        } = window;

        const displayInfo = {
            height: height * devicePixelRatio,
            width: width * devicePixelRatio,
            tabHeight: innerHeight,
            tabWidth: innerWidth,
        };

        if (request.requestType === 'getDisplayInfo' && displayInfo) {
            response(displayInfo);
        }
    });

谢谢

Chrome扩展获取活动屏幕的显示信息

Chrome extension get display information of active screen

extension-methods

google-chrome

google-chrome-extension

chrome-extension-manifest-v2