プログラミング

【JavaScript】PayPayページからダイレクトにAmazonにジャンプするスクリプト Janコード抽出

投稿日:

今回は、ペイペイの商品ページからJanコードを抽出して、それをアマゾンへ自動リンクし、Janコードでアマゾン検索をかけるツールです

今回も同じく、

getElementsByClassName()でクラス名からHTML要素を複数取得する方法がわかればできますね

ペイペイ商品ページからJanコードを抽出するJavaScript

動作確認用に、PayPayの商品ページを開きならが、Chromeの開発機能のデベロッパーモードのコンソール画面位以下をコピペしたら、JANコードが表示されるはず

JANコードを自動でアマゾン検索バーに貼り付けて、商品検索する方法

PayPay商品ページから、Janコードが抽出できたら、そのJanコードでアマゾン商品検索ができるようにしたいですよね

以下のコードはJanコードをアマゾン検索にかけるJavaScriptコードです

以下のコードを上と同じく、Chromeのその他のツール→デベロッパーツールからコンソールを開いて、以下のコードをコピペ

ブックマークレットに変換

以下のようにブックマーク登録でそのブックマークボタンを押したら自動実行するために、以下のコードを付加する

↓コードを貼り付けたらこうなります

ただ、このままだと、改行が入っちゃってるので、改行を全て消す。

これで、ブックマークに登録したら完成!!

リンクから自動でドラックアンドドロップ対応させるために

上記コードでも実行できるが、ブログなどに貼り付ける時、a hrefタグで貼り付けると思うのですが、このままだと ””  の記号が、邪魔するので、以下のように書き換えよう

ただ単に ” → ' に置き換えるだけ

今回はここまで

出来上がったコードは以下リンクより

人気の記事!

1

ふんわり始まった激アツキャンペーン!なんとアマゾンのスマートスピーカーであるエコードットの第3世代が通常価格5,980円の所、ななななん84%割引の500円で購入できるチャンスです。 ⇩購入は以下の画 ...

2

出典:io-data.jp こんにちは。↑の写真のようなPCモニター環境を目指しています。4K43インチくらいの大きさの4KテレビをMacBook ProのUSB-Cと接続、もしくは、Windowsの ...

3

目次 キャンペーンを駆使!最安を渡り歩くLINEモバイルのキャンペーン楽天モバイルキャンペーンまとめ17ヶ月間の合計スマホ維持費LINEモバイルの口コミ、評判通信速度とりあえずは今の所通信速度は問題な ...

-プログラミング
-, , , ,

Copyright© コスパ部 , 2021 All Rights Reserved.