puppeteerで動的にウインドウの大きさを変更するには - non vorrei lavorare
こんばんは。先週は次男が発熱で実家に居て、週末に自宅に帰ってきた@kjunichiです。 背景 puppeteerで非ヘッドレスモード（Chromiumが画面に表示されるモード）でブラウズしている様子をキャプチャーする際にChromiumのウインドウのサイズを変更したくなった。 page.setViewportでは、ウィンドウのサイズは変わらない page.setViewportでは、ウインドウのサイズは変わらなかった。puppeteerでpdf等のファイルの保存した際の画面サイズは このメソッドで変更されるが、画面に表示されているウインドウのサイズは変わらなかった。 Chrominumのウインドウのサイズを変更するには 以下のISSUEを見つけた github.com ここに、ヒントになるコードが載っていた。 puppeteerで非ヘッドレスモードで表示されているウインドウのサイズを動的
--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita
--headless時代の本命？ Chrome を Node.jsから操作するライブラリ puppeteer についてJavaScriptChromee2e puppeteer はHeadless Chrome をNode.jsで操作しやすくしたライブラリです。今日(※ 2017/8/17)一日で凄い勢いでGitHubのトレンド入りしており、TLでも話題になっていたので、早速触ってみました。 Node.jsでChromeを操作するというコンテキストにおいては、Nightmare.jsと同じレイヤに属するプロダクトですね。Nightmare.jsはElectronを介在させることで、Chromeの操作を実現していましたが、今年の5月にChromeでheadlessモードが利用可能になって以降1、headless Chromeを直接操作するライブラリが色々と出始めていますね。この系統は、chr
ExpressなしでNode.jsで簡単なWebサーバを作ってみる、HTTPを学ぶ - Qiita
今回実現する機能 指定されたポート(8080)でコネクションの受け入れを開始する クライアントからHTTP通信でリクエストを受け取る リクエストヘッダで送られてきたURLのパスを解析する 解析したURLのパターンによって、そのパターンにバンドルした処理を呼びだす(リクエストハンドラ） =>本来Webアプリを作成する場合は、この処理を高度化し、別のファイルやモジュールに切り出す 呼び出された処理を行う =>今回は単純にHTMLをレスポンスとして返す ファイルの構成 // クライアントからのレスポンスを受け取り、適切なファイルに処理を依頼する // 必要なファイルを読み込み var http = require('http'); var url = require('url'); var fs = require('fs'); var server = http.createServer();
sprintf-js
sprintf-js is a complete open source JavaScript sprintf implementation for the browser and Node.js. Note: as of v1.1.1 you might need some polyfills for older environments. See Support section below. Usage var sprintf = require('sprintf-js').sprintf, vsprintf = require('sprintf-js').vsprintf sprintf('%2$s %3$s a %1$s', 'cracker', 'Polly', 'wants') vsprintf('The first 4 letters of the english alpha
Browsersyncを利用してお手軽ブラウザ確認環境をつくろう - メドピア開発者ブログ
皆様はじめまして。メドピアエンジニアの中村です。 好きなブラウザは Vivaldi です。 本記事ではWeb開発効率化の為のひとつの手段として、Browsersyncの利用方法と幾つかの機能をご紹介します。 Browsersyncとは Browsersyncはファイル変更を監視し、自動でブラウザリロードを行ってくれるツールです。 Browsersync - Time-saving synchronised browser testing 同種のツールとしてLiveReloadが有名ですが、 ブラウザ側でExtentionや拡張が不要 複数ブラウザで操作の同期もできる その他の機能も豊富 などのメリットから、最近はBrowsersyncの方が人気のようです。 さっそくBrowsersyncを試してみよう まずはBrowsersyncをインストールしてみましょう。 nodeのパッケージマネージ
Vorlon.JS·多数のブラウザをまとめてデバッグできるリモートデバッガー MOONGIFT
今はWebブラウザの種類も増え、かつスマートフォンまであるなどWebサイトの作成も大変になっています。しかも開発ツールの使いやすいブラウザ、使いづらいブラウザもあり、開発に時間がかかります。 そんな現状を打破できるかも知れないのがVorlon.JSです。Vorlon.JSを使うと多くのWebブラウザのデバッグを一元管理できるようになります。 Vorlon.JSの使い方 Vorlon.JSはnpmでインストールできます。 $ npm install vorlon そしてvorlonコマンドでサーバが立ち上がります。 $ vorlon 後はこのVorlon.JSが出しているJavaScriptをデバッグしたいWebページ内に組み込みます。 <script src="http://localhost:1337/vorlon.js"></script> これで準備は完了です。例えば以下のようになり
Smartphone Remote Control with Node.js and Socket.io
Wouldn't it be cool to use your smartphone as a remote control? It turns out it is not difficult at all! You don't even need to know how to write native mobile apps - your phone has a fully capable web browser with support for web sockets, which opens a lot of possibilities. In this short tutorial, we are going to use Node.js and Socket.io to remotely control a presentation that is running on your
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
