For this I wanted a fully client side rendered site. Rather than "simply" setting up a development environment containing a multi-faceted tool chain, I needed something to get up and running fast. I asked on Twitter and got several good suggestions. I went with Vuepress as it was possible to get a site up and running by only writing some markdown.
index.html page. Credit again to Vuepress here because it handled this fine and still rendered the correct markup client side for each page.
With the tech stack sorted I now needed a site I could spider. This experiment only required a homepage with a number of links and a few deeper level pages to check nested link discovery.
For the spidering test I used Screaming Frog. I've got plenty of experience using this to diagnose issues with HTML sites so I knew the issues I was seeing were related to a fully client side rendered site.
As a spider, Screaming Frog isn't trying to accurately replicate Googlebot but for this experiment I wanted to run it against a site where I was fully in control of the content and could see in the server logs exactly what was being requested. This was important because I wanted a reference point for link discovery and can get an insight into how the spider's rendering content.
The browser Screaming Frog uses is Chrome 60 which, for most purposes is fine. However, it's not exactly what Googlebot uses.
For a final rendering check a copy of Chrome 41 was needed as that's what the documentation says Googlebot uses for rendering. This is what's used to create the rendered previews in Webmaster Tools but if you really need to get down into what's being rendered then you need access to dev tools so that means having a copy of the browser you can interact with.
Unfortunately - and unhelpfully - Google doesn't make old versions of Chrome available. However, I did manage to find an archived copy of the 32 bit Linux version so, with a 32bit VM and a minimal Debian install I was able to run it.
Or rather I was able to run it with the
--no-sandbox command line flag.
(No idea why and it had taken far too long exploring blind alleys to even get to this point so - as long as it ran - I was well past caring.)
Tying it together
Armed with the what I've learned from this - and combined with information from Google Search Console, Google Webmaster Tools, search results and analytics - I've got enough to come up with a strategy to address the specific issue on the site in question.
If you'd like help with the technical SEO of your website then please get in touch.