Git Product home page Git Product logo

Comments (6)

artem-malko avatar artem-malko commented on August 12, 2024

@flovan @heyitswin Just update browser-sync, there is quite good UI in 2 version. You could control all devices and events from there.

from headstart.

flovan avatar flovan commented on August 12, 2024

@heyitswin If you tunnel your project with --s --t or --s --t=my-projectyou'll get a tunneled url which does not share clicking and scrolling with connected clients (or at least it shouldn't; I haven't used that feature in a while :). Also it emulates server latency better.

@artem-malko thanks for pointing that out. I'm focusing on V2 atm, so I don't know if I'll be putting out an extra patch release before that.

from headstart.

heyitswin avatar heyitswin commented on August 12, 2024

@artem-malko not sure how to update it within the project.
@flovan tried serving it through the tunnel, still not behaving correctly. it's odd that the scrolling is synced, it shouldn't be right?

from headstart.

flovan avatar flovan commented on August 12, 2024

You won't be able to update the browser sync module withing Headstart unless you'd be willing to mess around in the source code (cloning the repo locally and using that as global module).

The synced scrolling/clicking is actually normal. Headstart is a development tool, so it makes testing your site on multiple devices at the same time way easier. Its purpose isn't as much about live-demoing results. A solution might be to lead them to the export folder through your IP and local server (eg Mamp).

EDIT (practical example);

By default, hs build --s gives you two URLs: http://localhost:3000 and http://xxx.xxx.xxx.xxx:3000. This both will have shared scrolling/clicking.

To circumvent this behaviour, you could put your project folder in your MAPM/XAMP/... htdocs folder, and then use your IP url, but with the port of your web server, eg http://xxx.xxx.xxx.xxx:8888/my/project/export. This will also give them access to the latest files, but without any synchronised behaviour (which I believe depends on the port that Headstart is serving on).

from headstart.

flovan avatar flovan commented on August 12, 2024

Note to self: check out the V2 UI and/or expose more Browser Sync settings through .headstartrc file.

from headstart.

heyitswin avatar heyitswin commented on August 12, 2024

Got it, I'll try that out. Thanks!

from headstart.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.