モーダルやtwitterの[data-testid="HoverCard"]を検出するときに便利な技。 動画取って、要素を特定する。 対象の要素をcloneNode(true)して、consoleに出す。

普通のhtmlの場合 サンプルコード 通常版: css設定なし 改行版 Q. word-break要る？ 資料 おまけ: jsxの場合 感想 普通のhtmlの場合 サンプルコード <button style="white-space:pre-line;word-break:break-all;"> 改行してます。asdfasdfasdfasdfasdf happiness (^_^) (^_^) (^_^) (^_^) (^_^) (^_^) (^_^) (^_^) (^_^) </button>…

現象の再現手順 下記のようにvideo要素のtrackのsrcをjavascriptなどで更新する。 <video src="somewhere.com/some.mp4"> <track src="somewhree.vvt?time={{timestamp}}"> </video> で、例えば、 字幕「こんにちは」1分00~1分10秒を 1分00~1分01秒にし、1分01秒に動的に置き換えて、再生する すると、1分1秒以降に字幕が載ってしまう 解消方法 1分01秒で…