• 締切済み
  • 困ってます

wgetによるコピー禁止webサイトのコピー方法

お世話になります。 linuxのwgetコマンドにより、webサイトをコピーしてローカルに同じサイトを作成したいと考えています(使用用途は個人で閲覧するだけです) 対象とするサイトは以下のサイトで、現在入会している一つの有料サロンです。 https://synapse.am/ ただし、こちらのサイトのhtmlのソースファイルを確認したところ、肝心の記事については記述されていません。おそらく、javascriptによって、別の保存場所から動的に呼び出しているものと思われます。 ソースファイルは以下のようになっています。 <!DOCTYPE html> <html> <head> <!-- meta --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="robots" content="noindex,nofollow"> <!-- favicons --> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/images/favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/images/favicon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/images/favicon/manifest.json"> <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/images/favicon/favicon.ico"> <meta name="apple-mobile-web-app-title" content="Synapse"> <meta name="application-name" content="Synapse"> <meta name="msapplication-config" content="/images/favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <!-- stylesheets --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.css"> <link href="//vjs.zencdn.net/5.8/video-js.min.css" rel="stylesheet"> <link rel="stylesheet" href="/css/onsenui.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.switchery/0.8.1/switchery.min.css" /> <link rel="stylesheet" href="/css/onsen-css-components.css"> <link rel="stylesheet" href="/css/photoswipe.css"> <link rel="stylesheet" href="/css/weui.css"> <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/react-datetime.css"> <!-- scripts --> <script src="https://use.fontawesome.com/c172d56566.js"></script> <script src="//vjs.zencdn.net/5.8/video.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.3.3/mobile-detect.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-load-image/2.8.1/load-image.all.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.switchery/0.8.1/switchery.min.js"></script> <!-- title --> <title>サロン</title> </head> <body> <div id="root"></div> <script> var md = new window.MobileDetect(window.navigator.userAgent); if(md.os() == 'AndroidOS' && md.userAgent() != 'Chrome'){ alert('お使いのブラウザには対応しておりません。Google Chromeをご利用ください。(Google Chromeは最新版をご利用ください。)'); window.location.href = 'intent://salon.synapse.am#Intent;scheme=https;action=android.intent.action.VIEW;package=com.android.chrome;end"' } if(md.os() == 'AndroidOS' && md.version('Chrome') <= 44){ alert('お使いのブラウザのバージョンには対応しておりません。Google Chromeのアップデートをしてください。'); window.location.href = 'intent://salon.synapse.am#Intent;scheme=https;action=android.intent.action.VIEW;package=com.android.chrome;end"' } </script> <script src="/bundle.js"></script> <script> var elementVisibleWaiting = setInterval(function () { var targetElements = document.getElementsByClassName('post-item__card__attachments'); if (targetElements.length > 0) { for (var i = 0; i < targetElements.length; i++) { targetElements[i].setAttribute('oncontextmenu','return false;'); } // clear sets clearInterval(elementVisibleWaiting); elementVisibleWaiting = null; } }, 100); </script> </body> </html> この場合、どのようにウェブサイトをコピーしてローカルにて閲覧可能にするかご教授いただきたいです。 どうぞよろしくお願いいたします。

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数242
  • ありがとう数0

みんなの回答

  • 回答No.1
  • memphis
  • ベストアンサー率40% (970/2387)

そのサイトは動的なサイトなので、wgetで取得してもデータは見れません。 表示するデータはサーバから取得しているようなので、 取得したHTMLをサーバからデータを取得できるように修正すれば 表示できる可能性はあります。 ただし、サーバ側が制限をかけている場合はできません。 簡単な方法としては、ブラウザを使ってページを開いて保存するのが良いでしょう。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • favicon.icoが表示されない

    環境:IE7 Apache2 \a\images \aにindex.htm \a\images\favicon.ico favicon.icoは「@icon変換」というフリーソフトで作成しました。(容量1K) index.htmlの内容は <head>、<meta>タグ、<title>xxxxx</title>の後に <link rel="icon" href="images/favicon.ico" type="image/x-icon" /> <link rel="Shortcut Icon" type="img/x-icon" href="images/favicon.ico" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> となっております。 IEのアドレスバーの左は、IEのマークのままです。 どなたか、ご経験のある方、アドバイスいただけると幸いです。

    • ベストアンサー
    • HTML
  • IE対応 HTML5 こちらでよろしいでしょうか。

    IE対応 HTML5 こちらでよろしいでしょうか。。。 様々なサイトを見て ■ reset.cssは使わず normalize.css を使用。 ■ modernizr.jsではなく selectivizr.js を使用。 ■ cssの拡張に CSS3 PIE を 使用。 http://css3pie.com/ としております。 読み込ます順番が違うなどありますでしょうか。 併用するとエラーになるファイルはありますでしょうか。 よろしくお願いいたします。。。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no"> <meta name="robots" content="all"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/main.css"><!-- 自分の記述するcss --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script><!-- 自分の記述するjs --> <!--[if (gte IE 6)&(lte IE 8)]> <script src="js/selectivizr.js"></script> <![endif]--> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> </head> <body> ~ </body> </html>

    • ベストアンサー
    • HTML
  • IEだけjsファイルを読み込まない指定

    よろしくお願いいたします。 IEだけに適用させたくないjsファイルがあり、 HTMLファイルの<head></head>内に、下記のように記述してみたのですが、 <!--[if !IE]> <script type="text/javascript" src="aaa.js"></script> <![endif]--> IEだけでなく他のすべてのブラウザで適用されなくなってしまいました。 書き方が間違っているのでしょうか・・? ソースは下記のようになっています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="Description" content="あああ" /> <meta name="Keywords" content="あああ" /> <title>タイトル</title> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" /> <link href="import.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="print.css" type="text/css" media="print" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!--[if !IE]> <script type="text/javascript" src="aaa.js"></script> <![endif]--> 以下略 また、こちらのページを参考に記述いたしました。 http://blog.playunderworld.com/web/ie-conditional-comment/ もし原因をご存知でしたらお教えいただけたらと思います。 どうぞよろしくお願いいたします。

  • crossSlideがうまく機能しないです;

    簡単な画像切り替えのプラグインとして、 crossSlideを見つけたので使用してみようとしたんですが、 全く何も表示されない状態で困っています。 下記のようにソースは記載しています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="ja" /> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <link href="css/base.css" rel="stylesheet" type="text/css"> <link href="css/index.css" rel="stylesheet" type="text/css"> <script type='text/javascript' src='js/jquery-1.9.1.min.js'></script> <script type='text/javascript' src='js/jquery.cross-slide.js'></script> <script type="text/javascript"> $(function(){ $('#mainvisual').crossSlide({ sleep: 1, fade: 1 },[ { src: 'images/01.jpg' }, { src: 'images/02.jpg' }, { src: 'images/03.jpg' } ]); }); </script> </head> <body> <p>タイトル</p> <div id="mainvisual"> <p>写真</p> </div> </body> </html> cssは何も指定していません。 jsフォルダに、jquery-1.9.1.min.jsファイル、jquery.cross-slide.jsファイルを入れています。 imagesフォルダには、01.jpg、02.jpg、03.jpgを入れてます。 ブラウザには <p>タイトル</p> は表示されるのですが、 div#mainvisualの中の <p>写真</p>の文字は表示されません。 何が原因なのでしょうか。 よければアドバイスの方よろしくお願いします。

  • headerの添削お願いします。

    自分なりに書いてみたのですがおかしいところがあったら教えてください。 また、採点してくれるサイトがあったと思うのですがご存知の方教えてください。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="javascript" /> <meta name="keywords" content="content" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="stylesheet" href="/css/main.css" type="text/css" /> <title>0725</title> </head>

  • スマホとPCサイトの供用ページの最初の記載は?

    スマートフォンとPCの供用のページを作ろうとしています。 見よう見まねで下のようなヘッド部分の記載でよいでしょうか? よく分からないのは、 <HTML lang="ja"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META http-equiv="Content-Style-Type" content="text/css"> ↑この部分です。 こでいいのでしょうか? ド素人のおバカな質問と思われるでしょうが、簡単にアドバイスしてください。 よろしくお願い致しますm(__)m <HTML lang="ja"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META http-equiv="Content-Style-Type" content="text/css"> <META content="index,follow" name="GOOGLEBOT"> <META name="keywords" content="キーワード,キーワード2"> <META name="description" content="ホームページの説明文"> <META name="viewport" content="width=device-width, initial-scale=1"> <TITLE>タイトル</TITLE> <link rel="stylesheet" href="home/css/themes/○○○.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <STYLE type="text/css"> <!-- てきとうなスタイルシート --> </STYLE> </HEAD>

    • ベストアンサー
    • HTML
  • jQuery Mobile バージョン

    jQuery Mobileでスマホサイトを作成しているのですが 現在は <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"> </script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"> </script> と言うソースを使っていたのですが http://www.buildinsider.net/web/jquerymobileref/24 を見たら、私と違いました。 私のバージョンが古いのでしょうか? <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"> </script> へ 書き換えたほうが良いのでしょうか?

    • ベストアンサー
    • CSS
  • ファビコンの設置についてミスを指摘してください

    ファビコンの設置についてはたくさんの対処法が書かれていますが、 昨日から試してみましたが、一向に改善できないので、 ちょっとしたミスかもしれないと思い質問させていただきます。 以下、設置の流れ。 1.16×16の画像を作成しました。 2. 作成した画像をファビコン用の形式に変換するソフトでfavicon.icoを自動作成。 3.サイトファイルのIndexが置いてある最上位にテキストモードでアップロードしました。 4.トップページindexのhtmlに<link rel="shortcut icon" href="favicon.ico" >を書き込みました。 どこが間違っているのか指摘していただければ幸いです。 「indexの内容」 <META name="description" content="○○○○"> <META name="Keywords" content="○○○○"> <TITLE>○○○○</TITLE> <link rel="shortcut icon" href="favicon.ico" > <LINK rel="stylesheet" type="text/css" href="hpb9tm08_7.css" id="hpb9tm08_7"> <STYLE type="text/css"> ちなみに、アップロードしたfavicon.ico「/home/○○○/www/favicon.ico」の詳細を見ると、 「読み込み文字コード・シフトJIS」で「臼NGIHDR 泚祿 PLTE`9 qN,キヲ浮・・・・・」という文字列が出ます。 ひょっとすると、favicon.icoの自動作成ツールの問題なのでしょうか?

  • wordpressのタグについて

    ワードプレスの教科書の本に沿って勉強しているのですが、さっそく躓いてしまいました。。 よろしくお願いいたします。 テーマ作成で、プライムストラテジーのサイトからpacificという練習用テーマをダウンロードし、 xamppでローカル開発環境を準備した中に入れ、ソースをwpテンプレートタグに置き換えを行っているのですが、cssファイルの置き換えは問題ないのですが、テーマファイルディレクトリの置き換えがうまくできません。。 たとえば、cssは、 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />    ↓↓↓ <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wordpress/wp-content/themes/pacific/style.css" /> で、ちゃんと表示されている。 テーマファイルディレクトリは、 href="<?php bloginfo('templete_url'); ?>/images/touch-icon.png"    ↓↓↓ href="wp/images/touch-icon.png" ソースの一部↓ ----------------------------------------------------------- <!DOCTYPE HTML> <html dir="ltr" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>title</title> <link rel="apple-touch-icon" href="wp/images/touch-icon.png" /> <link rel="shortcut icon" href="wp/images/favicon.ico" /> <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wordpress/wp-content/themes/pacific/style.css" /> ・・・ ----------------------------------------------------------- <?php bloginfo('templete_url'); ?>の部分は、wp とだけ表示されてしまうのですが、 http://localhost/wordpress/wp-content/themes/pacific と表示させたいのですが、 この部分はどこを参照しているのでしょうか。 (どこを修正したら、ちゃんと出るようになりますでしょうか。) 不足している情報があれば追加しますので、わかる方がいらっしゃいましたらご教示いただけますと幸いです。 どうぞよろしくお願いいたします。

  • ホームページがIEでアクセスすると白くなってしまいます

    ホームページ作りで困っています。 以下のようにヘッド部分を書き、FTPでアップしたのですが、次のような症状で困っています。 <症状> ・IEではじめてアクセスするときに真っ白で、エンコードを変更すると見られ、以降のアクセスは普通に閲覧できます。 ・ファイアーフォックスでは最初から普通に見られます。 <私の予想> ・下記ヘッド部分に不備がある? ・CSSに不備がある? ↓プログラム <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta name="Keywords" content="ほげほげ"/> <meta name="description" content="ほげほげ" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>もがもが</title> <link rel="stylesheet" href="css/style.css" type="text/css" /> <link rel="shortcut icon" href="http://www.hogehoge/images/favicon.ico">

    • ベストアンサー
    • PHP