WebページにおいてWindow内に表示されている文字数の取得は可能ですか

Question

chromeの拡張機能を作っています。
閲覧しているWebページで、Window内の文字数の情報が作りたい拡張機能には必要なのですが、可能ですか。
可能であれば方法を教えてください

Comments

[y_waiwai]

Windows内の文字列の情報ってのがわかりません。
具体的な例など提示しましょう

[moko_7]

文字数の情報というか文字数ですね。Windowの画面内に表示されている文字の数を取得したいです。

Answer 1

document.body.innerText.length

こういうことですかね。
なお、

console.log('????'.length)  //=> 2
console.log([...'????'].length)  //=> 1

なので

[...document.body.innerText].length

のほうがいいかも。
改行は一文字扱いなのでご注意。

Comments

[think49]

低評価した方へ
しばらく考えましたが、低評価理由が分かりません。
markdownは使われていますし、一つの答えになっていると思うのですが…。

Answer 2

文字数の情報というか文字数ですね。Windowの画面内に表示されている文字の数を取得したいです。

無理だと思いますよ。
例えば、タブにも文字は表示されているでしょうし、Bookmark も表示されていたりしなかったりします。
で、この辺の表示に関する情報は、chrome の拡張機能からアクセスできる情報ではなかったかと。

Comments

[think49]

DOMレイヤーのwindow -> shinji709さんの回答
アプリケーション層のwindow -> te2jiさんの回答

どちらの意味なのでしょうね…。

[退会済みユーザー]

分らんね＾＾；
DOM の方って、「表示範囲」の文字数ってとれたんでしたっけ？
あっちも無理な気がします。

[think49]

ああ、モニタに出力されている範囲ですか…。

DOMでは要素単位で判定するAPIがあります。
https://developer.mozilla.org/ja/docs/Web/API/Intersection_Observer_API
文字単位だと、ボックスモデルを踏まえて独自に演算が必要な気がします。

[退会済みユーザー]

ブラウザ仕様を理解した簡易なもので要件を整理できれば、実現可能レベルにまとめられそうですね。
仕様を確認しながら整理ってのがハードルが高そうですけど。