So if you are using Mac, you need to quit the Chrome application. Then execute the following command in Terminal.
/usr/bin/open -a "/Applications/Google Chrome.app" --args --allow-file-access-from-files
Reference: Disable same origin policy in Chrome on Mac OSX
- XMLHttpRequest cannot load file:///C:/Users/user/Desktop/readJson/data/file-1.json. Origin null is not allowed by Access-Control-Allow-Origin.
Although it should work if i upload those sources files to a web server, i would still make it work locally especially for development purpose. So here is a small trick which could ask the Chrome browser to bypass this cross-domain restriction.
Continue reading Chrome – Bypass Access-Control-Allow-Origin on local file system
In Chrome, the displayed text has a minimum font-size 12px even thought you set a smaller value in CSS. This is because the Chrome browser has a auto font adjustment.
So if you want to style a text with font-size smaller than 12px, include the following line in your CSS file.
Reference: StackOverflow – Font-size <12px doesn't have effect in Google Chrome
In Chrome, you can set the user agent to iPad such that the web server will return the view which is shown in iPad. Just add the user-agent parameter
1. Right click the Chrome shortcut on desktop and select property Continue reading Chrome – Set iPad as User Agent