bliskブラウザが実質有料になってしまいましたが、ほかに無料でも同じようなWEBサイト制作に便利なブラウザはありませんか？

Question

bliskブラウザが実質有料になってしまいましたが、ほかに無料でも同じようなWEBサイト制作に便利なブラウザはありませんか？

自動リロードやSPサイズ確認に重宝していたので大変困っています。

Answer 1

bliskブラウザを使った事がないですが、
自動リロード・・・gulpなどでブラウザリロードさせる
http://qiita.com/toshihirock/items/b6d8193f83d5d6ee2002

SPサイズ確認？スマホでの表示確認という意味ですか？
であればchromeのデベロッパーツールで
私は今の所間に合ってます、、もちろん有料という事は、それ以上にbliskブラウザは高機能なのかもしれませんが、
一応、上記で可能は可能と思います。

Comments

[退会済みユーザー]

ありがとうございます。

browser-syncですよね。
下記のようにやってみたのですが、
ブラウザが反応をしません。
ファイルを保存すると勝手にリロードするはずなんですよね。

//gulpfile.js
var gulp = require('gulp'); //gulpをインポート
var postcssimport = require('postcss-import');
var postcss = require('gulp-postcss'); //gulp-postcssをインポート
var cssnext = require('postcss-cssnext'); //cssnextをインポート
var nested = require('postcss-nested');
var csswring = require('csswring');
var calc = require('postcss-calc');
// var comment = require('postcss-comment');
var customProperties = require("postcss-custom-properties");
var customMedia = require("postcss-custom-media"); //うまくいっていない。カスタムメディアクエリーズが使える
var browserSync = require('browser-sync').create();

gulp.task('css', function () { //”css”タスクを登録
var plugins = [
postcssimport,
cssnext, //一旦空の配列を作成
nested,
calc,
csswring,
// comment,
customProperties,
customMedia
];

console.log( Array.isArray(plugins) );//pluginsの定義の後で、 !Array.isArray(plugins)の値がどうなってるかをログを取る為

return gulp.src(
['./src-before/*' , './src-before/*/*'],
{ base: 'src-before' }) //src-before下にある.cssファイルを指定
.pipe(postcss(plugins)) //PostCSSにファイルを処理してもらう
.pipe(gulp.dest('./dest-after/css')); //生成されたCSSをdest-after下に配置
});

//以下gulp-watch
gulp.task('watch', function(){
gulp.watch(['src-before/*' , 'src-before/*/*' , 'src-before/*/*/*'], ['css']);//監視したいファイルの相対パス
});

//browser-sync
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "src-before",
index: "index.html"
}
});
});

gulp.task('bs-reload', function () {
browserSync.reload();
});

// src 配下の *.html, *.css ファイルが変更されたリロード。
gulp.task('default', ['browser-sync'], function () {
gulp.watch("src-after/*.html", ['bs-reload']);
gulp.watch(['src-before/*' , 'src-before/*/*' , 'src-before/*/*/*'], ['bs-reload']);
});

gulpは本当にむずかしいです。