google chrome 拡張機能と外部ドメイン | xxxx7
google chromeで拡張機能を作ってみようと思って、ドットインストールを一通り見て作ってみようと思ったんですね。で、まずはjQueryを使った普通のhtmlで動くものを作ってから、google chrome拡張機能に移行しようと考えていました。 jQueryと外部ドメイン まず、jQueryでつまずいたのが、外部ドメインからのデータ取得ですね。jQuery.ajaxでURL指定してデータをとって来ようとしたら、次のようなエラーが出ました。 XMLHttpRequest cannot load "指定したURL". No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.
AndroidアプリをPCで動かす方法
スマートフォンで利用しているAndroidアプリのうち、PCでも使いたいものもあるだろう。Androidを開発するGoogleのWebブラウザ「Google Chrome」を使えば、かなりのアプリをPC上で動かせる。MakeTechEasierが「How to Run Android Apps in the Google Chrome Browser)」で、その方法を紹介しているので、以下そのポイントを見てみよう。 この方法、Mac OS XまたはWindowsでGoogle Chromeを利用するPC向けだ。また、すべてのAndroidアプリ/ゲームが利用できるわけではない点にも注意されたい。「Androidアプリがうまく動かなくてもPCに害を与えることはない」とのことなので、やってみる価値はありそうだ。以下で紹介する方法はGoogle Chromeの拡張機能「ARChon」を用いるが、
オフラインサービスを強化するService Workerをサポートした「Google Chrome 40ベータ版」が公開される
By ｍｅｒａ Google Chrome 40のベータ版「40.0.2214.28」がWindows・Mac・Linux向けにリリースされました。Chrome 40では「Service Worker」導入によるキャッシュの活用ならびにオフライン動作の向上が目玉です。 Chromium Blog: Chrome 40 Beta: Powerful Offline and Lightspeed Loading with Service Workers http://blog.chromium.org/2014/12/chrome-40-beta-powerful-offline-and.html Chrome Releases: Beta Channel Update http://googlechromereleases.blogspot.jp/2014/11/beta-channel-u
Chrome拡張機能の作成方法 | Casley Deep Innovations株式会社 技術ブログ
こんにちは、キャスレーコンサルティングSI部の秦（はた）です。 今回はGoogle Chromeの拡張機能「Google Chrome Extensions」（以下、拡張機能）の作り方をご紹介します。 はじめに Web上に公開されている様々な拡張機能はChrome ウェブストアの「拡張機能」からプラグインすることができます。 この拡張機能では、JavaScriptと「Chrome Extension API」を駆使して便利な機能を作成することができます。 「ここが不便…」「こんな機能があれば」など、ちょっとした不便さの解消にも役立つことでしょう。 作成した拡張機能はChrome上で実行することが可能です。 一般公開で配布するには、Chrome ウェブストアのデペロッパー登録($5.00)が必要です。 詳細は以下の公式ヘルプを参照ください。 https://support.google.co
jQuery を使って 30 分で Chrome 拡張を作ってみた
こんにちは。坪内です。 jQuery ってすごいですね。何でもできますね。そして、Chrome の拡張ってめっちゃカンタンに作れるんですね。 jQuery を使って、Sleipnir 3 for Windows とか Sleipnir Start の検索結果ページにファビコンを追加する Chrome 拡張、その名も Favicon2SleipnirSearch をサクッと作ってみました。 jQueryとChrome 拡張についてカンタンな説明 jQuery とは jQuery は JavaScript のライブラリです。普通に JavaScript で十数行くらいコードを書かないといけないようなプログラムでも、jQuery では、一行で済んだりします。使い方もカンタンなので、とりあえず自分で何か動かしたい、とか自分のWeb サイトで何か動的なことがしたい、って言う人にはとっつきやすくていい
ChromeでiPhone5やNexus5等にEmulateできる機能が便利:phpspot開発日誌
ChromeでiPhone5やNexus5等にEmulateできる機能が便利です。 個人的にFireMobileSimulatorを使っていましたが、Webkitなため再現度も高く、いつも使ってるChromeでエミュレートできるのは超便利！ Chrome32から使える機能のようで、デベロッパーツールはよく使っていたものの、分かりにくい位置にあることもあって、使っていない方も多いのでは？ということでご紹介。 デベロッパーツールの以下のカーソル位置をクリックします。 クリックすると次のように、更に下に分割されたフレームが開きますので「Emulation」のタブをクリック。 iPhone5, Nexus5、KindleFireなど、主要な端末へのエミュレートが可能。 端末を選択したら「Emulate」ボタンをクリックで画面のエミュレートが開始されます。 Yahooのサイト。は以下のようにエミュレ
ChromeのDeveloper Toolsを縦割り(別window)で使う - 4.5 tatami diary
Chromeでページのソースをみたり、Networkの処理を確認したりする時は、Develper Toolsを使っています。 デフォルトはブラウザの下半分に表示されるので、ワイド画面を使っていると横に長〜くなってしまって、ちょっと見難いなーと思っていたのだけど... 左下のボタン（Undock into separate window.）を押すと、別窓にできると知って、一段と使いやすくなりました。 Chrome Developer Tools を別windowに。 cmd+option+iでDeveloper Toolsを表示 Undock into separate window. をクリック
Google Chromeでスマホサイト制作
Google Chromeでスマホサイト制作 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 追記：最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Screen resolution」を320×480に設定して表示領域をスマートフォンと同じくらいになるように設定して、「Emulate touch events」にチェックを入れタッチイベントをエミュレートしています。案件によ
CSS-Tricks
These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to be the future for password managers like 1Password. They are already supported in Android, and will soon find their way into Chrome OS and Windows in […]
Google Chrome で超手軽にスマホ向けデザインを確認する方法
最近、Google Chrome のデベロッパー ツールにスマートフォンでの表示を確認する機能があることを知りました。 いままでは、レスポンシブデザイン Web デザインをするときに、ちまちまとブラウザーのサイズを変えたり、Web サービス (Responsive Design Testing とか Responsive Web Design Test Tool とか) を使っていたのですが、こちらの手順のほうがお手軽なので紹介します。 設定は超簡単！！ Google Chrome のデベロッパー ツールを開いて、右下の歯車のアイコンをクリックします。 左側から [Overrides] を選んで、[User Agent] と [Device metrics] にチェックを入れます。 これだけです！ Google Chrome 32 からは設定方法が変わっています。ちょっとややこしい。 右上
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Taking Chrome DevTools outside of the browser. — Kenneth Auchenberg
PC