質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

8875閲覧

【ブザウザ操作の自動化】chromeのブックマーク登録を自動化したい

退会済みユーザー

退会済みユーザー

総合スコア0

Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

4クリップ

投稿2019/04/10 04:06

編集2019/04/10 06:03

●実現したいこと
ツールやアプリ等は使わずに、chromeのブックマークマーク登録を自動で行えるようにしたいです。
※batファイルとjavascript を使用して作成してみました。
javascript 初心者です。

●自動化したい操作
①chromeの起動
②Googleへログイン(URL表示)
③ブックマークに登録するタイトルを入力
④ ③の名前でブックマーク登録(登録フォルダの振り分けを行う)
⑤完了メッセージ出力

●試した事
batファイルとjavascriptはブックマークレットを使用して、部分的に実装しました。

①chromeの起動は、batファイルを作成しました。

bat

1@echo off 2start chrome.exe

②googleへログイン

javascript

1//ログイン 2javascript:location.href="https://〜ログイン画面URL〜";

javascript

1//ID入力 2javascript:(function(){n=document.getElementsByName("identifier"); n.item(0).value="Googleアカウント";})();document.getElementById("identifierNext").click();

javascript

1//PW入力 2javascript:(function(){n=document.getElementsByName("password"); n.item(0).value="Googleパスワード";})();document.getElementById("passwordNext").click(); 3

③ブックマークに登録する名前を入力

javascript

1javascript:window.prompt("番号を入力"); 2javascript:window.prompt("名前を入力");

⑤完了メッセージ

javascript

1javascript:alert("登録完了");

●困っていること
部分的に再現する事は出来ましたが、これらをどのように繋げて一つの動作にしたらいいか分かりません。
Googleログイン時の、アカウント入力とPW入力をひとつのブックマークレットに登録してみましたが、アカウント入力で止まってしまい、PW入力までいきませんでした。

また、ブックマークにどのように登録したらいいのか分かりません。

イメージは、ブックマークフォルダの階層
その他のブックマーク
階層① I—モバイルのブックマーク
階層 ② lー 登録フォルダ
階層③ lー1番目・・ここに登録
階層③ lー2番目・・ここに登録

→入力した番号の頭文字と同じ番号フォルダにブックマーク登録する

番号入力に 143 と入力
名前入力に テスト と入力
→1番目のフォルダに、『 143 テスト』という名前でブックマークします。

chrome起動から自動化出来るのが理想ですが、chromeのブックマークレットを一つ起動すると、登録が行える仕組みでも構いません。

この方法で実装するにはどのようにしたらいいのかご存知でしたら、教えて頂けますでしょうか。
また他に良い方法があるようでしたら教えてください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kou0179

2019/04/11 11:31

実現したい事のイメージがあまり見えないのですが、ブックマークをワンクリックでGoogleへログインできるものを作りたい という認識でよろしいでしょうか。
退会済みユーザー

退会済みユーザー

2019/04/12 05:26

説明不足で申し訳ございません。 一番実現したいことは、ブックマークの登録を自動で行いたいです。 その前の作業として、chromeの起動からブックマークを登録するアカウントへログイン出来たらと思い記載させていただきました。
退会済みユーザー

退会済みユーザー

2019/04/12 05:29

登録内容をどのように指定するかは検討中ですが、そもそもブックマークを自動で登録する事ができるかという所も良く分からずで困っておりました。
guest

回答1

0

ベストアンサー

まず初めに

ChromeではJSによるブックマーク登録はサポートしていません。

また、ページ遷移先で、遷移元やブックマークレットによるJSを実行するのは難しいと思います。
(あくまでもGoogleのログインページについてからブックマークレットを実行しなければらなない)

よって本回答では、以下想定の元コードを記載いたしますので、使えそうな部分があれば参考にしてください。
  • Googleログインページについてからブックマークレットを実行
  • 自動でログインするだけ

パスワードが入力されない理由

GoogleのログインページはIDとパスワードでページが分かれているようです。
非同期等が原因になり、ページ更新される前にパスワードが入力されてしまっています。
但し、ID入力画面からパスワード入力画面のページ遷移は、あくまでもDOM操作とURL操作が伴うだけで、実際にはページが遷移した訳ではなくそう見えるだけなので、JavaScriptを2ページまたいで使えます

ID入力ページ→パスワード入力ぺージ間の画面更新を待つ

JavaScript

1const inputPassword = function() { 2 const n = document.getElementsByName("password"); 3 n.item(0).value = password; 4 document.getElementById("passwordNext").click(); 5} 6 7const secondWait = function(){ 8 const secondWaitInterval = setInterval(function() { 9 if (location.href.indexOf("https://accounts.google.com/signin/v2/sl") === 0) { 10 inputPassword(); 11 clearInterval(secondWaitInterval); 12 } 13 }, 300) 14} 15 16const inputAccount = function() { 17 const n = document.getElementsByName("identifier"); 18 n.item(0).value = account; 19 document.getElementById("identifierNext").click(); 20 secondWait(); 21} 22 23const firstWait = function(){ 24 const firstWaitInterval = setInterval(function() { 25 if (location.href.indexOf("https://accounts.google.com/signin/v2/identifier") === 0) { 26 inputAccount(); 27 clearInterval(firstWaitInterval); 28 } 29 }, 300) 30} 31 32const account = "Googleアカウント"; 33const password = "Googleパスワード"; 34//ダメだった location.href = "https://www.google.com/accounts?hl=ja-JP"; 35firstWait();

コールバック地獄バージョン

JavaScript

1const account = "Googleアカウント"; 2const password = "Googleパスワード"; 3 4const firstWaitInterval = setInterval(function() { 5 if (location.href.indexOf("https://accounts.google.com/signin/v2/identifier") === 0) { 6 clearInterval(firstWaitInterval); 7 const id = document.getElementsByName("identifier"); 8 id.item(0).value = account; 9 document.getElementById("identifierNext").click(); 10 const secondWaitInterval = setInterval(function() { 11 if (location.href.indexOf("https://accounts.google.com/signin/v2/sl") === 0) { 12 clearInterval(secondWaitInterval); 13 const pw = document.getElementsByName("password"); 14 pw.item(0).value = password; 15 document.getElementById("passwordNext").click(); 16 } 17 }, 300) 18 } 19}, 300)

ブックマークレット変換サイト

※IDとパスワードのURIエスケープが必要だと思うのでご自身で変換をお願いします。

https://ytyng.github.io/bookmarklet-script-compress/
https://mrcoles.com/bookmarklet/
http://bookmarklets.org/maker/

追記

postMessageやWeb Messaging API等を使い、iframeや子Windowsを使いクロスドメインをまたいだJSの実行を行えば、Googleにログインする事はできなくないかもしれませんが、不正アクセスみたいで少しナンセンスと思い記載しておりません。

投稿2019/04/11 12:56

編集2019/04/11 13:00
kou0179

総合スコア304

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/04/12 05:37

ご回答ありがとうございます。 JSでchromeのブックマーク登録のサポートはしていないのですね。。 ほかの言語やツールでは、行う事が出来るのでしょうか。 パスワードが入力されない理由もありがとうございます。 ログイン部分を試してみます。 ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問