저는 Vim에서 HTML 파일을 편집하고 있는데 아래에있는 파일이 변경 될 때마다 브라우저가 새로 고침되기를 원합니다.
파일 변경 사항을 수신하고 파일 변경 사항을 저장할 때마다 페이지를 자동으로 새로 고침하는 Chrome 용 플러그인이 있습니까? Firefox 용 XRefresh가 있다는 것을 알고 있지만 XRefresh를 전혀 실행할 수 없습니다.
직접 스크립트를 작성하는 것이 얼마나 어려울까요?
답변
나는 당신이 OSX에 있지 않다고 생각합니까? 그렇지 않으면 applescript로 다음과 같이 할 수 있습니다.
http://brettterpstra.com/watch-for-file-changes-and-refresh-your-browser-automatically/
x 초마다 새로 고침을 지정할 수있는 “자동 새로 고침 플러스”라는 크롬 용 플러그인도 있습니다.
https://chrome.google.com/webstore/detail/auto-refresh-plus/oilipfekkmncanaajkapbpancpelijih?hl=ko
답변
순수한 JavaScript 솔루션!
다음을 추가하십시오 <head>.
<script type="text/javascript" src="http://livejs.com/live.js"></script>
어떻게? Live.js 만 포함하면 연속 HEAD 요청을 서버에 전송하여 로컬 CSS 및 Javascript를 포함한 현재 페이지를 모니터링합니다. CSS 변경 사항은 동적으로 적용되고 HTML 또는 Javascript 변경 사항은 페이지를 다시로드합니다. 시도 해봐!
어디? Live.js는 달리 입증 될 때까지 Firefox, Chrome, Safari, Opera 및 IE6 +에서 작동합니다. Live.js는 Ruby, Handcraft, Python, Django, NET, Java, Php, Drupal, Joomla 또는 What-have-you 등 사용하는 개발 프레임 워크 또는 언어와 독립적입니다.
나는 여기 에서 현재 받아 들여지는 대답보다 쉽고 일반적이라고 생각하기 때문에이 대답을 거의 그대로 여기 에서 복사했습니다 .
답변
Tincr은 아래의 파일이 변경 될 때마다 페이지를 새로 고치는 Chrome 확장 프로그램입니다.
답변
fswatch ( brew install fswatch)를 설치했다고 가정하고 Handy Bash 한 줄 OS X 용 . 임의의 경로 / 파일을 감시하고 변경 사항이있을 때 활성 Chrome 탭을 새로 고칩니다.
fswatch -o ~/path/to/watch | xargs -n1 -I {} osascript -e 'tell application "Google Chrome" to tell the active tab of its first window to reload'
fswatch에 대한 자세한 내용은 https://stackoverflow.com/a/13807906/3510611에서 확인하세요.
답변
문서에 단일 메타 태그를 추가하면 제공된 간격으로 자동으로 다시로드하도록 브라우저에 지시 할 수 있습니다.
<meta http-equiv="refresh" content="3" >
문서의 head 태그 내에 배치 된이 메타 태그는 브라우저가 3 초마다 새로 고침하도록 지시합니다.
답변
http://livereload.com/-OS X 용 기본 앱, Windows 용 알파 버전. https://github.com/livereload/LiveReload2 에서 오픈 소스
답변
Gulp 를 사용 하여 파일을보고 Browsersync 를 사용 하여 브라우저 를 다시로드합니다.
단계는 다음과 같습니다.
명령 줄에서 다음을 실행합니다.
npm install –save-dev gulp 브라우저 동기화
다음 내용으로 gulpfile.js 를 만듭니다 .
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var reload = browserSync.reload;
gulp.task('serve', function() {
browserSync.init({
server: {
baseDir: "./"
}
});
gulp.watch("*.html").on("change", reload);
});
운영
꿀꺽 꿀꺽
HTML을 편집하고 저장하고 브라우저를 다시로드합니다. 마법은 HTML 파일에 특수 태그를 즉시 삽입함으로써 이루어집니다.
