検索候補のフォントサイズを調整するUserScript

イメージ：「カント」と検索窓に入れた時の検索候補（サジェスト）の一部

検索候補のバイト数に応じてフォントサイズを3段階で変える

/* バイト数を数えられるようにする */
String.prototype.byte = function() {
	return encodeURIComponent(this).replace(/%../g,'x').length
}

JavaScript 文字列の長さ（バイト数）を取得する

// 検索窓
const form = document.querySelector('.form-group');
// バイト数の設定（min以下なら何もしない。min<バイト<=maxなら少し小さく。maxより長いと最小にする）
const min = 57;
const max = 72; // or 68

form.addEventListener('keyup', e => {
	let items = form.querySelectorAll('ul li a')
	items.forEach(item=>{
		// 検索候補の文字数をバイト数で取得
		let len = item.text.byte()
		//console.log(len, item.text)
		// 文字数に応じてフォントサイズを変更する
		if(len > min && len <= max) {
			item.setAttribute('style', 'font-size: 0.9em')
			console.log(item)
		} else if(len > max) {
			item.setAttribute('style', 'font-size: 1px') // or 0.5em
    		console.log(item)
		}
	})
})

の値は、けっこうてきとう（何回か試して、こんなんかな？……と決めた）