I’m considering doing capability/feature tests with JS and sending the results back to the server so it knows what it can/cannot send to client.
It’s the same idea as modernizr server – https://github.com/jamesgpearce/modernizr-server
The problem I’m running into is communicating the JavaScript results back to the server on initial page load. I’m not sure what options are available but I know there are not a lot. I’ve tested setting a cookie and instantly reloading the page so PHP can read the results yet I’m concerned from an SEO standpoint. It just seems like instantly reloading a page will have some adverse affects, also I’m particularly worried if the refresh is on a page that has a form. Once the cookie is set and the user goes to another page, it works fine, it’s just figuring out how to serve the content on the initial page load based on the capability tests. I’ve had a few different thoughts like just using JS to serve the markup on the initial page load and let PHP read the cookie on subsequent page loads, but I’m just not sure what might be the best solution.
I’m just at a loss as to what other options there are. I don’t know which direction I should be looking in or if there is any direction at all. I don’t know if AJAX would be able to help with this or not. I feel like I’m close, but figured maybe if I asked the community someone might have a good solution.
Thanks!
modernizr-server uses the method you described, it sets a cookie and then reloads the page. (Actually, it doesn’t do any content output, the only thing on the initial page load is the JavaScript itself. Has an exit; statement if the cookie it’s looking for isn’t found.) Anyone who has JavaScript off could probably expect a blank page with it.
It looks like you have a couple of options (this is non-exclusive, there are more.):
Option three here is the most work intensive, but probably the most inclusive option. (Edit: 3 and 4 will make sure search engines see your content)