How to automatically refresh your browser as you work

How to automatically refresh your browser as you work

Kevin Powell

6 лет назад

66,435 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Dave Turnbull
Dave Turnbull - 08.12.2022 08:10

Never knew about the drag/drop feature in powershell for changing directory - well woth watching just for that 👍

Ответить
ThuyTien Lives
ThuyTien Lives - 27.07.2022 16:10

Fantastic tips, thank you for making and sharing this video! :)

Ответить
Bieber Balazs
Bieber Balazs - 24.10.2021 19:36

Browser sync is not working for a Laravel project :( Do you have any suggestion?

Ответить
DIY ASSIGNMENTS 2021
DIY ASSIGNMENTS 2021 - 31.07.2021 23:09

Live Server extension can be installed on vs code, which also serves the purpose. Thanks your videos are helping me with my tasks

Ответить
MINECRAFT HAMODY
MINECRAFT HAMODY - 16.05.2021 13:50

Your wallpaper really motivates a lot

Ответить
Kevin BERTAUX
Kevin BERTAUX - 17.03.2021 00:31

Awesome, it's changing my life !

Ответить
somnvm
somnvm - 23.08.2020 19:12

˝There's some ways to refresh your browser automaticlt for money˝
How can enyone even imagine that.

Ответить
Alessandro Pelone
Alessandro Pelone - 21.07.2020 18:42

h

Ответить
Alessandro Pelone
Alessandro Pelone - 21.07.2020 18:42

hai una bocca larga

Ответить
🍎PIE
🍎PIE - 06.07.2020 19:30

thanks.....

Ответить
Skillzor Skillsson
Skillzor Skillsson - 28.06.2020 12:57

I tested the last option (The free option) and honestly. It was terrible. Sure, For only front-end stuff it works fine. Its really useful for that and thats what you're mostly focused on anyway. But it wont work with php files. Even if the code within the php file is html code. It seems to be possible to get it to work by using Grunt or Gulp but i tried for a long time and eventually i gave up.
But i found a MUCH better solution that also works with php files. I found an extension called LiveReload in Atom and it also requires that you have the chrome extension LiveReload. This worked perfectly for me so for anyone else out there who have problems with BrowserSync and php files here is another option for you guys. Live reload was also really easy to setup

Ответить
Islamic Stories 100 k
Islamic Stories 100 k - 16.06.2020 10:14

what are the banifits of this refresher

Ответить
uxiv vixu
uxiv vixu - 30.04.2020 17:55

An alternative is Live server add-on for Firefox and VSCode and they work great and easy to install Tried the free version with browser-sync but i got an powershell cleareance error and it din't work

Ответить
JJTVism
JJTVism - 07.04.2020 11:48

On a Mac it‘s Crtl-C too! Not Cmd - C.

Ответить
Виталий Смирнов
Виталий Смирнов - 30.08.2019 14:00

Gulp (or Grunt) with plugins is much professional way. And its free.

Ответить
droid vpn
droid vpn - 29.08.2019 08:13

Thank you sir,
what about remove auto remove cache
in short ( Ctrl+Shift+R instead of Ctrl+R )?

Ответить
Joel D Canfield
Joel D Canfield - 05.08.2019 03:33

Love my command line. Killing the process on a Mac is CTRL-C, just like on Windows. CMD-C won't work.

Ответить
Jonathan San Jose
Jonathan San Jose - 26.07.2019 00:28

hi when trying to install browser sync i am getting an error
npm err! code ECONNRESET

Ответить
Ademola Shasanya
Ademola Shasanya - 21.07.2019 04:20

i like people who dont blink

Ответить
OJ# B#Falon
OJ# B#Falon - 05.05.2019 05:57

It says "Cannot GET /"

Ответить
Leszek Nagooglach
Leszek Nagooglach - 22.03.2019 13:55

VS Code + Live Sass Compiler extension.

Ответить
Manjeet Kundu
Manjeet Kundu - 09.03.2019 17:46

I just watched your another video with gulp sass and browser-sync and now this. What is --save-dev and -g in npm?

Ответить
Sebastian
Sebastian - 03.02.2019 09:25

Just download VSCode.

Ответить
Zou Uuu
Zou Uuu - 22.12.2018 18:49

It seems you're also like me, doing things with less clicks and buttons. I use autohotkey. when you save in your current windows , autohotkey also send an F5 to the browser (most recent window used in chrome) and you can choose to do more stuff while at it :) . (like play "level achieved" sounds XD )

Ответить
Greg Raven
Greg Raven - 05.12.2018 05:53

+1 for CodeKit.

Ответить
Mista
Mista - 22.11.2018 20:36

I can't understand why it gives a option for download of the Page when I did the 'preview' option

Ответить
Thomas Feyrer
Thomas Feyrer - 19.11.2018 21:55

Hmm... what about using a non-existing target on the close button? No existing target, no scrolling. In chrome it worked for me.

Ответить
Marko Kozlica
Marko Kozlica - 25.10.2018 14:29

Great clip as always, can you pls explain also how to use Prepros for the Browser Sync option, I would like to check the changes on couple of browsers at once, and maybe mobile devices? Thx

Ответить
My Programming Journey
My Programming Journey - 20.08.2018 04:23

I ran into a problem when I tried the browsersync method. It displays "Cannot GET /". What does that mean and what can I do?

Ответить
Drainerix
Drainerix - 05.08.2018 10:27

i just use a much easyer script autoreload every 0.5 sec or so, isnt better?

Ответить
Reshapeux
Reshapeux - 28.06.2018 14:26

hi, can u provide a solution from php websites reload with browsersync and little more about the powershell start server command syntax

Ответить
Jorge Artaza
Jorge Artaza - 12.06.2018 16:44

my web browser gives me this message CANNOT GET/ what does the message mean and how can i fix it

Ответить
Rinat Valiullov
Rinat Valiullov - 31.05.2018 18:25

Cool!

Ответить
blahdelablah
blahdelablah - 26.05.2018 21:26

@Kobina Williams Have you got the CSS files in the same folder as your HTML files?

Ответить
Ron Ferrell
Ron Ferrell - 12.05.2018 00:27

Kevin - Thanks I was pulling my hair before this

Ответить
parvez md
parvez md - 03.05.2018 12:33

how to make browser stand beside other app.its get minimize when I put cursor on atom .pls help me sir?using chrome on pc.

Ответить
TechTuberTV
TechTuberTV - 16.02.2018 23:47

Hey Kevin... Are you going to make a workstation video o what you use like you computer and stuff.... I am just curious for what can make someone a more productive programmer.... Sorry if my question was uncomfortable

Ответить
N K
N K - 23.01.2018 22:06

Started learning html and css, Watching the video, and a question popped out of no where, how to u perform cross-browser testing?? and wat is this SEO?? :( i m going bonkers hearing about so many terms. please help !! Thanks much

Ответить
Kobina Williams
Kobina Williams - 22.11.2017 21:10

Hello Mr. Powell thanks very much for this but I have a problem. Mine works with only the html file .it doesn't auto reload when i change stuff in the css file. it only affects the css file when i make is *.css instead of *html css/*.css. and when i do it like this *.css/*.html css too, it doesn't work. insummary, *.html css/*.css works with only the html file for me. Can you please help me

Ответить
animimeclips
animimeclips - 09.11.2017 12:29

Has anyone tried to create a .bat file to automate this further. I tried and it looks like this
@echo off
goto start
:start
powershell.exe
cd "c:\users\SC\Desktop\auto-refresh"
start browser-sync start --server --files *.html css/*css

But it only works when i type exit in to the cmd line. Does anyone have any ideas where i'm going wrong ?

Maybe Kev could do a whole vid on creating .bat files and the cmd for them, that might be another great vid ideas for you kev !

Ответить
solo.
solo. - 29.10.2017 01:52

Thank You! <3

Ответить