Playwright
Playwright enables reliable end-to-end testing for modern web apps. Cross-browser. Playwright supports all modern rendering engines including Chromium, WebKit, and Firefox. Cross-platform. Test on Windows, Linux, and macOS, locally or on CI, headless or headed. Cross-language. Use the Playwright API in TypeScript, JavaScript, Python, .NET, Java. Test Mobile Web. Native mobile emulation of Google C
Use HTTPS for local development | Articles | web.dev
Use HTTPS for local development Stay organized with collections Save and categorize content based on your preferences. Most of the time, http://localhost behaves like HTTPS for development purposes. However, there are some special cases, such as custom hostnames or using secure cookies across browsers, where you need to explicitly set up your development site to behave like HTTPS to accurately rep
GitHub - web-platform-tests/wpt: Test suites for Web platform specs — including WHATWG, W3C, and others
The web-platform-tests Project is a cross-browser test suite for the Web-platform stack. Writing tests in a way that allows them to be run in all browsers gives browser projects confidence that they are shipping software that is compatible with other implementations, and that later implementations will be compatible with their implementations. This in turn gives Web authors/developers confidence t
Viewport Checker
you can see viewport size of web browser on your device.
puppeteer/api.md at main · puppeteer/puppeteer
Puppeteer API Tip-Of-Tree Interactive Documentation: https://pptr.dev API Translations: 中文|Chinese Troubleshooting: troubleshooting.md Releases per Chromium version: Chromium 103.0.5059.0 - Puppeteer v14.2.0 Chromium 102.0.5002.0 - Puppeteer v14.0.0 Chromium 101.0.4950.0 - Puppeteer v13.6.0 Chromium 100.0.4889.0 - Puppeteer v13.5.0 Chromium 99.0.4844.16 - Puppeteer v13.2.0 Chromium 98.0.4758.0 - P
Headless Chrome + puppeteerを使ったHTML→PDF変換サーバーを作る puppeteer編 - GAミント至上主義
Headless Chromeを使ったHTML→PDF変換サーバー第3弾。 前回は下記。 ヘッドレスChrome + Node.js + express + DockerでPDF生成サーバーを作る - 仕事中の問題と解決メモ。 ヘッドレスChromeを使ったHTML→PDF変換サーバーを作る 改善編 - 仕事中の問題と解決メモ。 下記の記事をどっかで発見し、つい最近Chromeの開発チームが作っているクライアントPuppeteerがv1になったということでこっちに変更してみた。 www.infoq.com 以前のものはchrome-remote-interfaceを使っていた。 github.com さすが公式なのか、PDF生成に200ms程度かかっていたのが、Puppeteerに書き直したら100ms以下になった。 ドキュメントもさすがGoogle、しっかりしていてよい。 github.
ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome は Chrome 59 でリリースされます。Chrome ブラウザをヘッドレス環境で実行する方法です。基本的には Chrome を使わずに Chrome を実行しますこれにより、Chromium と Blink レンダリング エンジンが提供する最新のウェブ プラットフォーム機能がすべてコマンドラインに組み込まれます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、UI シェルを表示する必要のない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、そのウェブページを PDF 化したりできます。また、ブラウザが URL をどのようにレンダリングするかを検査することもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、コマンドラインから Chrome バイナリを開くこと
Chromeのオリジナル拡張機能を開発しよう（ソースコードあり） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Chromeの拡張機能とは？ Chromeの拡張機能は実質的にはただの圧縮したフォルダです。そして、そのフォルダの中身もただのHTMLやCSS、JSファイルです。 つまり、拡張機能の作り方はWebページのそれとは大差ないということですね。 拡張機能にしか提供されていない豊富なChromeのネイティブのAPI群（Chrome.* API）を利用できるところが拡張の魅力です！ 一般公開目的ではなく、普段の業務効率化目的でも十分な利用価値があると思うので、まだの方はぜひ一度触ってみてください。 拡張機能の種類 拡張機能の種類は大きく分けて3つあります。 Browser actions Page actions Override Pages 1つずつ見ていきましょう。 Browser actions ツールバーの右側に小さなアイコンを表示させるタイプの拡張機能です。一番頻繁に見かけるのがこのタイプ
Greasemonkey - Google Chrome まとめWiki
r30925で拡張機能形式への変換が導入されました（r31179でバグ修正が行われています）。 Chromium Build 3687での例： Chromium-rel-xp:3687をインストール C:\scriptsへスクリプトを置く Chromium(Chrome.exe)のショートカットを作成し、プロパティ開いてリンク先の「～.exe"」の後に 「 --enable-greasemonkey」を付け足す（先頭に半角スペースを含む） 作成したショートカットからChromiumを実行 Chromium Build 7690以降(12356でも確認)では有効化の方法が変わっています。 Chromium-rel-xpをインストール C:\Documents and Settings\<username>\Local Settings\Application Data\Chromium\Us
品質向上に。Webブラウザのテスト自動化サービスまとめ
IEの寡占化状態が終わり、Google Chrome/Firefox/Safariなど様々なブラウザによるシェア争いが続いています。さらに各ブラウザともバージョンアップが激しくなっており、バージョンごとのチェックがとても難しくなっていることでしょう。 そこで使ってみたいのがWebブラウザのテストを自動化するサービスです。様々なサービスがありますので、ぜひチェックしてみてください。 BrowserStack 300種類を越えるブラウザをWebブラウザ上で動かすことができます。IE6以降から揃っているようです。スマートフォンにおいてはiOS、Android、Operaといったブラウザが利用できます。 デベロッパーツールもインストールされており、FirebugやYslow、Dragonflyのようなツールも利用可能です。開発補助系ツールが予め入っているのは便利そうですね。 Cross Brows
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
Groovyのちょっとしたこと「Gebによるテストについて」 - Qiita
（2016年06月 追記 ココカラ） この記事で紹介しているFireFoxを使ったデモは、FireFox 46以降正常に動作しないようです。 この記事紹介時点ではFireFoxさえインストールしてあればGebで操作することが可能でしたがFireFox 46以降では、https://developer.mozilla.org/ja/docs/Mozilla/QA/Marionette こちらのMarionetteをインストールし、FireFoxのドライバーとしてMarionetteWebDriverクラスを設定する必要があります。 これらの環境をそろえて該当のコードを修正すれば、記事のコードの大部分はそのまま使うことができるはずです。 （2016年06月 追記 ココマデ） （2016年08月 追記 ココカラ） 会社のブログでMarionetteを使ってGebを実行する方法を紹介しました。 A
GitHub - adobe/brackets: An open source code editor for the web, written in JavaScript, HTML and CSS.
⚠️ On September 1, 2021, Adobe will end support for Brackets. If you would like to continue using, maintaining, and improving Brackets, you may fork the project on GitHub. Through Adobe’s partnership with Microsoft, we encourage users to migrate to Visual Studio Code, Microsoft’s free code editor built on open source. Welcome to Brackets! Brackets is a modern open-source code editor for HTML, CSS
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Selenium IDEを使って、ChromeやIE上でテストスクリプトを実行する方法 | MagicPod Tech Blog | MagicPod: AIテスト自動化プラットフォーム
Selenium IDEは、ブラウザ操作を記録してSeleniumのスクリプトを生成できるFirefoxプラグインで、プログラムを書かなくてもSeleniumのスクリプトが作成できることから、多くの人に利用されています。 記録したスクリプトの再生をSelenium IDEで行うこともできるのですが、Firefoxプラグインということもあり、これまで実行はFirefoxでしか行うことができませんでした。 しかし、2013年4月26日にリリースされたSelenium IDE 2.0を使えば、Selenium IDEからChromeやInternet Explorerなど他のブラウザ上でのテストスクリプト実行を行えるようになりました。 今回は、SeleniumのコミッターであるSamit Badle 氏のブログ記事 "WebDriver Playback in Selenium IDE is H
Review Of Cross-Browser Testing Tools — Smashing Magazine
Regardless of the tool you choose, testing early and often during the Web development process can save you from a lot of headaches later. Find a tool that fits your workflow with a little help from Cameron Chapman. At some point in the future, the way that all major browsers render Web code will likely be standardized, which will make testing across multiple browsers no longer necessary as long as
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jitter · Fast and simple motion design tool.
TechCrunch | Startup and Technology News
Sauce Labs - Selenium-based Downloads,Hosting and Support
Browser Testing On The Most Reliable Platform | BrowserStack
