• 締切済み

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> この場合、どのようにウェブサイトをコピーしてローカルにて閲覧可能にするかご教授いただきたいです。 どうぞよろしくお願いいたします。

みんなの回答

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

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

  1. カテゴリ
  2. [技術者向] コンピューター
  3. その他([技術者向] コンピューター)

関連するQ&A

  • favicon.icoが表示されない

    環境：IE7　Apache2 \a\images \aにindex.htm \a\images\favicon.ico favicon.icoは「@icon変換」というフリーソフトで作成しました。（容量1K） index.htmlの内容は <head>、<meta>タグ、<title>ｘｘｘｘｘ</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/ もし原因をご存知でしたらお教えいただけたらと思います。 どうぞよろしくお願いいたします。

  • wordpressのタグについて

    ワードプレスの教科書の本に沿って勉強しているのですが、さっそく躓いてしまいました。。 よろしくお願いいたします。 テーマ作成で、プライムストラテジーのサイトからpacificという練習用テーマをダウンロードし、 xamppでローカル開発環境を準備した中に入れ、ソースをｗｐテンプレートタグに置き換えを行っているのですが、ｃｓｓファイルの置き換えは問題ないのですが、テーマファイルディレクトリの置き換えがうまくできません。。 たとえば、ｃｓｓは、 <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　と表示させたいのですが、 この部分はどこを参照しているのでしょうか。 （どこを修正したら、ちゃんと出るようになりますでしょうか。） 不足している情報があれば追加しますので、わかる方がいらっしゃいましたらご教示いただけますと幸いです。 どうぞよろしくお願いいたします。

  • viewportの動作について

    PC用のサイトをhtml5(wordpress)で作成しました。 ドコモのXperia acro SO-02Cでサイト見ると、画面に収まりきっておらず 横スクロールをするか縮小しないと画面上に収まりません。 調べると、viewportのmetaタグが必要な様で、headタグを下記のように してスマホで確認したのですが何も変わっていません。 PCサイトの横幅は960pxで組んでおりリキッドレイアウトではありません。 いくつかのサイトを見てみましたが、スマホ用のサイトとして作成しないPC用の サイトは画面上に収まった状態で表示され必要であれば自分で拡大して表示 するという感じでした。 ※同様にリキッドレイアウトではなくxhtmlで作成されておりviewportのmetaタグもありませんでした。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="<?php bloginfo('charset'); ?>"> <title><?php wp_title('', true, ''); ?></title> <meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <script src="<?php bloginfo('template_directory'); ?>/js/jquery.rollover.js"></script> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <link rel="icon" href="<?php bloginfo('template_directory'); ?>/images/common/favicon.ico" type="image/x-icon"> <link rel="Shortcut Icon" href="<?php bloginfo('template_directory'); ?>/images/common/favicon.ico" type="image/x-icon"> <?php wp_head(); ?> </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
  • jquery lightboxを設定しようとしていますが問題がでてます

    jquery lightboxを設定しようとしていますが問題がでてます.... functionの部分を htmlに直接表記すれば動く状態ですが、 functionの部分を外部に登録するとなぜか動かなくなってしまいます。 jquery.lightbox-0.5.min.jsというファイルにファンクションを書き足せばいいとの ことですが.. なにか　以下のＨＴＭＬソースに足らない部分がありますか？ ご教授ねがいます。 <link href="css/top.css" rel="stylesheet" type="text/css"> <link href="css/print.css" rel="stylesheet" type="text/css" media="print"> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript"> $(function() { $('.up_image a').lightBox({ overlayBgColor: '#FFF', overlayOpacity: 0.7, txtImage: '画像', txtOf: 'の' } ); }); </script> </head>

  • さくらVPS css外部ファイル読み込みNG!

    スマホのホームページを作成中ですが、なぜか外部ファイルの読み込みがうまく行きません。 【さくらVPSサーバではNG】 <link rel="stylesheet" href="../css/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="../js/jquery-1.9.1.min.js"></script> <script src="../js/jquery.mobile-1.3.2.min.js"></script> 【他サーバからはOK】 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 「nkf -g jquery.mobile-1.3.2.min.css」で漢字コードを確認し、EUCおよびUTF-8の両方試しましたがどちらともNG。 でも他サーバから読み込みは、OK。 LinuxOS設定で、設定すべき点があるのかなぁ～と思っていますが、手詰まり状態です。 1.パソコンのブラウザ(IE/Chrome)からは、読み込みOK。 2.スマホは、Android端末を使用、標準ブラウザ/ChromeともにNG。 どなたか教え願えないでしょうか、宜しくお願い致します。 ※FTPサーバは、ProFTPDを構築し、これを利用しています。

  • 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>の文字は表示されません。 何が原因なのでしょうか。 よければアドバイスの方よろしくお願いします。

  • HTMLメールの外部CSSが有効になりません

    HTMLメールから以下のように外部CSS（http://から始めてます）を利用したいのですが、実際にOUTLOOK 2003 SP3で見るとスタイルが適用されていません。 ローカルで同じHTMLをブラウザで開くとスタイルは適用されます。HTMLメールのときは何か特別なことが必要なのでしょうか？ <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> ヘッダ全体を以下に掲載しておきます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <title>TITLE</title> <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する