Edit this webpage with your voice

If you're using a browser that supports the Speech Recognition API (e.g. Chrome, Safari, Opera), you can edit this webpage by speaking your commands, and you can inspect page elements by having the information spoken to you.

Tip: Open your developer console to view logs from the Speech Recognition API and the say_restyle.js script.

Commands you can speak

Element selection

Select the (element) Ex: "select the header" Ex: "select the footer"

Select the largest image

Select its parent

Select its first child

Select its last child

Select the next sibling

Select the previous sibling

Text replacement

Change the text to (value)

Replace the text with (value)

Style changes

Change the (style) to (value) Ex: "change the z-index to 2" Ex: "change the font size to 12px"

Hide it

Show it

Shake things up

Get information

Tell me its (style) Ex: "tell me its width" Ex: "tell me its font weight"

Print the change log (this appears in the developer console)

Created by Shaun Gallagher.