Zjištění šířky stringu v px pomocí JS

Potřebuji pomocí JS zjistit zda se Title stránky ještě vejde do SERPu nebo už ne.
Bohužel to nejde udělat přes document.querySelector('meta[name="description"]').content.length;, protože Google to neměří na počet znaků, ale na šířku pixelů. Jde nějak měřit šířka stringu v PX pomocí JS?
Koukal jsem na nějaká již hotová řešení, ale všichni to řeší počet znaků, což není dostatečné řešení, když "i" zabírá méně místa než "W".
Hledám řešení bez jQuery, pouze v čistém JS.

Firibix:
SERPu je jedno jak máš nastavené fonty. Výsledky vyhledávání zobrazí stejně, i když si fonty jakkoliv u sebe změníš.

anonym:
Max délka titulku je cca 512px. Pak už ti text zkrátí a doplní trojtečku.
Do této délky se vejde třeba 128x písmeno i nebo jen 30x W. Každý znak je jinak široký. Proto se to nepočítá na počet znaků, ale na šířku v px.

Jestli to teda chápu dobře, tak vzhledem k tomu, že meta nemá žádné rozměry, tak jediná možnost je vytvořit si nějaký nový element změřit ho a hned zase smazat.
Takže něco takového Živá ukázka

Problém je tedy asi vyřešen a děkuji všem za pomoc.


lionel messi:
„Nemám čas toto tvrdenie overovať, mohol by si, prosím uviesť relevantný zdroj? Vopred ďakujem.“
Sice nechápu, proč chceš číst zdroj, když nemáš čas si to ověřit a zjevně ani neřešíš stejný problém, ale v pohodě. Uveď parametry, co musí takový zdroj splňovat, aby pro tebe byl dostatečně relevantní.

Kajman:
Zkusil jsem předělat innetHTML na textContent a prohodit pořadí return, ale výsledné číslo mi připadá pořád stejné. Proč vlastně vadí zakázání zalomení řádku v tomto případě? Pokud chci vypočítat šířku stringu v PX, tak se to naopak nesmí zalamovat ne?
Živá ukázka

N71:
A ty jsi jako kdo, že se tu chodíš navážet do ostatních? V úvodním postu není dotaz na tvůj názor zda něco je nebo není hloupost a ani se tam neptám na PHP nebo server-side řešení. Píšeš kraviny které nesouvisí s tématem a mylně predikuješ co tazatel asi tak potřebuje. Mektáš tu o hlouposti druhých a přitom mi radíš PHP, když v dotazu jasně píšu čisté JS. Příště odpovídej na dotazy a svou aroganci si strč za klobouk.
Pokud ti tak vadí číst nesmysly od hloupých lidí, tak prostě nechoď na fórum, které je zaměřené na pomoc nováčkům.

Kajman:
Moje chyba, četl jsem to a pochopil tak, že nesmím použít display:none, protože to zakáže zalomení řádku a ono to mělo být "Zakažte zalomení řádku". Takže jsem to nepochopil.
Děkuji za pomoc, zase jsem se naučil něco nového. To že výsledek zůstane uložen v proměnné i po smazání elementu, jsem nevěděl a nenapadlo mě to ani zkusit.
Jsem rád, že je tu i někdo, kdo mi fakt poradí a řeší můj dotaz místo toho aby zkoumal, jestli náhodou nejsem deb!l, že řeším takové kraviny.

Keeehi:
Buďto nechápu jen já tebe, nebo se nechápeme vzájemně. Ve tvém příkladu nevidím změnu počtu znaků ve výsledku hledání. Přesto že sis změnil nastavení, tak máš description stejně dlouhý – změnilo se ti jen zalamování. Já vím, že když si u sebe změníš systémové nastavení fontů, použiješ lupu nebo upravíš prohlížeč, tak ta šířka bude u tebe jiná. Ale to je nastavení pouze u tebe a nemá to vliv na to, že SERP Googlu ti titulek/description ořízne podle svého nastavení, ne podle tvého. Google délku neřeší podle počtu znaků, protože každý znak je jinak dlouhý, řeší to právě na šířku v PX. Titulek 20px Arial a popisek 14px Arial 1DPI.

Serverové řešení jsem nechtěl, protože jde o rozšíření do prohlížeče pro jednoho známého, který se zabývá marketingem. Řešení, které hlídá pouze počet znaků je hrozně nespolehlivé.

Příklad:
Tento titulek má 68 znaků a projde: Ty nejlepší a nejdelší titulky na míru pro vás! | SERP ttulky s.r.o.
Tento titulek má pouze 58 znaků a už se tam nevejde Velkolepé webové SERP popisky LĚVNĚ — SERP nadpisy s.r.o.

To je prostě rozptyl 10 znaků (pouze u titulku, u popisků jsou rozdíly ještě větší), které řešit nemusíš pokud nemáš konkurenci nebo ti to je fuk. Ale pokud děláš marketing ve vysoce konkurenčním prostředí (reality, pojištění, atd…), kde se každý předhání a vyhazuje obří sumy, aby předběhl ostatní, tak vyškrabáváš prstíčkem i takovéto (pro někoho) blbosti jako je počet znaků, aby jsi třeba mohl použít emoji, ascii symbol nebo jinak formuloval větu v popisku a mohl tak víc přimět uživatele kliknout na svůj web. Takhle nějak mi to bylo řečeno. Dává mi to smysl a nezkoumám, jestli je to kravina, prostě mu chci pomoct, protože je to zase příležitost se na tom něco naučit a získat zkušenosti.
Programování mám jen jako hobby když je příležitost, nejsem žádný programátor, takže invektiva nechápu. Kor od někoho u koho vím, že četl toto vlákno a tedy si uvědomuje, že návštěvnost fóra je nízká a ví že sem chodí hlavně lidi, kteří tápou nad naprostými základy.

anonym:
Nemám v plánu dávat to rozšíření volně ke stažení i jiným uživatelům, na jiné prohlížeče a jiný OS, jestli ti jde o tohle. Bude ho využívat jen jeden člověk. Kajmanův script mi funguje dobře jak ve Windows tak v Lubuntu. To co popisuje Firbix je podle mě dáno tím, že Ubuntu nemá ve výchozí instalaci font Arial, se kterým ten script pracuje. Takže s jiným fontem to samozřejmě jiné bude.
Každopádně i kdyby to mělo mít v budoucnu více uživatelů, tak detekovat a zohlednit jejich nastavení by neměl být problém ne?

Keeehi:
Pochopil jsem dobře, že to myslíš nějak takto? Živá ukázka

PS: Jsem si jist, že ten výstup se má počítat nějak elegantněji, protože tohle by při větším počtu znaků nepřehledné. Ale v tuto chvíli nevím jak a ani mě nenapadá co zadat do Googlu, abych našel řešení nebo nápovědu.