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.
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.