It has been a while since I used Mandarinspot.com, a clever site someone coded a few years back.  Mandarinspot.com provides an easy to use tool to annotate online Chinese text with 注音 or 拼音 and English definition. Pop-up annotation tooltips open when you move mouse over the word.

For example, my DDs are working on a Chinese debate on the topic of mandatory vaccination.  There is a Chinese Wikipedia page on vaccine hesitancy.  So, I copy and paste the link under “Web site annotation” as below.

Enlarged:

After clicking “Annotate”, it leads me to a Mandarin Spot version of this webpage.  If I don’t know the pronunciation or meaning of certain Chinese characters or words, hovering the mouse over the word will bring up a box with the Chinese pronunciation (注音 in this case) and English meaning.  Pretty nifty, no?

You can do the same with pinyin.  Just change the phonetic system above to pinyin.