# BrowserSync on mobile devices

**URL:** https://discourse.roots.io/t/browsersync-on-mobile-devices/15692
**Category:** sage
**Tags:** webpack
**Created:** 2019-05-29T07:26:35Z
**Posts:** 2

## Post 1 by @dangelion — 2019-05-29T07:26:35Z

Hi  
I need to test websites on mobile devices. To do that I open on the phones the website using IP of the PC where the website is running (ie. `192.168.1.10:3000`). It works but I get many errors in console about the fonts, ie:

`Access to font at 'http://localhost:3000/wp-content/themes/myproject/dist/fonts/Roboto.woff' from origin 'http://192.168.1.10:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.`

or

`Access to font at 'http://localhost:3000/wp-content/themes/myproject/dist/vendor/fa-brands-400_9f4ce3dc.woff2' from origin 'http://192.168.1.10:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.`

My `config.json`

```
{
  "entry": {
    "main": [
      "./scripts/main.js",
      "./styles/main.scss"
    ],
    "customizer": [
      "./scripts/customizer.js"
    ]
  },
  "publicPath": "/wp-content/themes/myproject",
  "devUrl": "http://myproject.test:9999",
  "proxyUrl": "http://localhost:3000",
  "cacheBusting": "[name]_[hash:8]",
  "watch": [
    "app/**/*.php",
    "config/**/*.php",
    "resources/views/**/*.php"
  ]
}
```

You know how to solve? Or is there a better way to test on mobile?  
THanks

---

## Post 2 by @ben — 2019-05-29T14:22:03Z

> [@BrowserSync does not inject styles on external url](https://discourse.roots.io/t/browsersync-does-not-inject-styles-on-external-url/12058/3):
>
> In Sage 9, Browsersync isn’t injecting the styles or scripts, Webpack’s [hot module replacement](https://webpack.js.org/concepts/hot-module-replacement/) (HMR) is handling that. Can you provide us with any output from the browser console? Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/app/themes/sage/dist/1d92b23a1590dc7df7ee.hot-update.json. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Error: Manifest request to http://localhost:3000/app/themes/sage/dist/1d92b23a1590…