Код для загрузки source code из браузера

@khaled89 · Регистрация: 22.06.2018

Студворк — интернет-сервис помощи студентам

Здравствуйте

как написать код на JavaScript для копирования source code для странице из браузера и сохранить его в какой-то переменной . так как в фотографии.

Код для загрузки source code из браузера

@diadiavova · 22.06.2018, 22:54

Что-то типа такого?

JavaScript
1
var kakayatoperemennaya = document.documentElement.outerHTML;

@khaled89 · 23.06.2018, 12:52 **[ТС]**

типа такого

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<p id="mysource">mysource here</p>
<script>
//вот код должен быть здесь и после его выполнения source code выводим в paragraph
//...
 
 
$("#mysource").text(kakayatoperemennaya );
</script>
</body>
</html>

Добавлено через 1 час 3 минуты

Сообщение от diadiavova

Что-то типа такого?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<p id="mysource">mysource here</p>
<script>
//вот код должен быть здесь и после его выполнения source code выводим в paragraph
//...
 
 
$("#mysource").text(kakayatoperemennaya );
</script>
</body>
</html>

Добавлено через 12 часов 44 минуты
помогите с задачей . Я почте пробовал все. не нашел решении не где

@Evgen1337 · 25.06.2018, 13:51

JavaScript
1
var scripts = document.getElementsByTagName('script');

@khaled89 · 25.06.2018, 14:16 **[ТС]**

не работает

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<script>
 
        $.get("https://w3schools.com", function(data){alert(data)});
        
</script>
</body>
</html>

@Evgen1337 · 25.06.2018, 14:21

ты что хочешь сделать то? )

@khaled89 · 25.06.2018, 14:32 **[ТС]**

хочу получить source code страници из интернета но если используя

JavaScript
1
$.get("https://w3schools.com", function(data){alert(data)});

выдают проблема "cross domain access denied" поэтому хотел после загрузки код в браузере сохранить его в какой то переменой (например. var data

. как мне все это делать??

@Evgen1337 · 25.06.2018, 14:43

то, что ты хочешь сделать из браузера нельзя (т.е. если на удаленном компьютере есть CORS, и тебя в его списке нет)
можно сделать через плагин https://github.com/vitvad/Acce... low-Origin

или сделать, но на стороне сервера...

@khaled89 · 25.06.2018, 14:49 **[ТС]**

да . так у меня работает. но я хочу передать код кому то другому и у него ну установлен плагин. есть ли способ добавить код для разрешение cross domain в моем коде.??

@Evgen1337 · 25.06.2018, 15:03

способа нет.

сделай себе сервер, который:

1) принимает урл (https://moysite.super?ho4u_url=https://ya.ru) , который ты хочешь сохранить в стринг
2) получи контент
3) отправь контент

- не любой сайт можно таким образом сохранить, тогда нужны headless браузеры типа phantom.js, casper.js и тд...

@khaled89 · 25.06.2018, 15:11 **[ТС]**

Я нашел вот этот код и он работает .но

PHP
1
2
3
4
5
<?php  
$url = "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

как сделать так чтоб вызвать этот коде внутри моего и передать то что в переменой $content

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<div>здесь должно отображаться значение из $content</div>
<script>
</script>
</body>
</html>

@Evgen1337 · 25.06.2018, 16:06

PHP
1
2
3
4
5
<?php
$url = $_POST['url'] || "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<div id="content">здесь должно отображаться значение из $content</div>
<script>
</script>
</body>
</html>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
fetch('http://localhost:4000/', {
 method: 'POST',
 headers: new Headers({
  "Content-Type": "text/plain"
 }),
 body: JSON.stringify({
        url: 'https://w3schools.com'
    })
}).then((response) => response.text()).then((text) => { 
document.getElementById("content").innerHtml = text;
});

не проверял, но что-то около этого

@khaled89 · 25.06.2018, 16:18 **[ТС]**

извините что мучаю вас . вот так их сохранил в одном файле но не получается
test.html

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
 
<body>
<?php
$url = $_POST['url'] || "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>
<div id="content">здесь должно отображаться значение из $content</div>
<script>
fetch('http://localhost:80/', {
 method: 'POST',
 headers: new Headers({
  "Content-Type": "text/plain"
 }),
 body: JSON.stringify({
        url: 'https://w3schools.com'
    })
}).then((response) => response.text()).then((text) => { 
document.getElementById("content").innerHtml = text;
});
</script>
</body>
</html>

@Evgen1337 · 25.06.2018, 16:58

index.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
const get_site = (url) => {
  fetch('http://localhost:5555/get_site.php', {
    method: 'POST',
    headers: new Headers({
      "Content-Type": "text/plain"
    }),
    body: JSON.stringify({
            url: url || 'https://w3schools.com'
    })
  }).then(r => r.text()).then(r => {
    document.getElementById("content").value = r;
  // document.getElementById("content").innerHTML = r;
  });
}
</script>
 
<button onClick="get_site()">get_site</button>
<textarea id="content" style="width: 100%; height: 500px;"/>

get_site.php

PHP
1
2
3
4
5
<?php
$url = isset($_POST['url']) ? $_POST['url'] : "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

все лежит в одной директории, где . путь где лежит index.php
> cd directory
> php -S localhost:5555 -t .

@j2FunOnly · 28.06.2018, 10:03

Evgen1337, ЕМНИП, если передавать таким способом с помощью fetch, то вы не увидите свои данные в $_POST, нужно либо читать данные из php://input, либо использовать FormData:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
const get_site = url => {
  const body = new FormData();
  body.append('url', url);
  
  fetch('http://localhost:5555/get_site.php', {
    method: 'POST',
    body
  })
  .then(r => r.text())
  .then(r => {
    document.getElementById("content").value = r;
  });
}
</script>
 
<button onclick="get_site('http://example.com')">get example.com</button>
<textarea id="content" style="width: 100%; height: 500px;"></textarea>

@Evgen1337 · 28.06.2018, 12:58

j2FunOnly, нет, это рабочий код, я ж как-то проверил )...

@khaled89 · 28.06.2018, 13:29 **[ТС]**

Спасибо так работает отлично. еще один вопрос : Если я открываю страницу test.html не из сервера "http://localhost/wordpress/test.html" а из диска "file:///C:/xampp/htdocs/wordpress/test.html" тогда код не работает. как решать это?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
  
  </head>
  <body>
    <br id="organiz"></br>
    <script type="text/javascript">
const get_site = url => {
  const body = new FormData();
  body.append('url', url);
  
  fetch('http://localhost/wordpress/get_site.php', {
    method: 'POST',
    body
  })
  .then(r => r.text())
  .then(r => {
    document.getElementById("content").value = r;
  });
}
</script>
 <button onclick="get_site('https://w3schools.com')">get example.com</button>
<textarea id="content" style="width: 100%; height: 500px;"></textarea>
 
  </body>
</html>

JavaScript
1
2
3
4
5
<?php
$url = isset($_POST['url']) ? $_POST['url'] : "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

@Evgen1337 · 28.06.2018, 13:42

Этот скрипт должен быть на сервере http://localhost/get_site.php
И сервер должен разрешать CORS https://enable-cors.org/server_php.html
Тогда, может быть, локальный файл сможет получить данные
А так, проверять надо

@khaled89 · 28.06.2018, 13:48 **[ТС]**

Отлично. работает. спасибо

PHP
1
2
3
4
5
6
<?php
header("Access-Control-Allow-Origin: *");
$url = isset($_POST['url']) ? $_POST['url'] : "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

@Evgen1337 · 28.06.2018, 13:51

сюпир %)

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

Код для загрузки source code из браузера

Решение

Решение

@khaled89 0 / 0 / 0 Регистрация: 22.06.2018 Сообщений: 19

	Код для загрузки source code из браузера 22.06.2018, 22:21. Показов 1899. Ответов 19 Метки нет (Все метки) Здравствуйте как написать код на JavaScript для копирования source code для странице из браузера и сохранить его в какой-то переменной . так как в фотографии. 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	25.06.2018, 14:21
	ты что хочешь сделать то? ) 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	25.06.2018, 14:43
	то, что ты хочешь сделать из браузера нельзя (т.е. если на удаленном компьютере есть CORS, и тебя в его списке нет) можно сделать через плагин https://github.com/vitvad/Acce... low-Origin или сделать, но на стороне сервера... 0

@khaled89 0 / 0 / 0 Регистрация: 22.06.2018 Сообщений: 19
	25.06.2018, 14:49 [ТС]
	да . так у меня работает. но я хочу передать код кому то другому и у него ну установлен плагин. есть ли способ добавить код для разрешение cross domain в моем коде.?? 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	25.06.2018, 15:03
	способа нет. сделай себе сервер, который: 1) принимает урл (https://moysite.super?ho4u_url=https://ya.ru) , который ты хочешь сохранить в стринг 2) получи контент 3) отправь контент - не любой сайт можно таким образом сохранить, тогда нужны headless браузеры типа phantom.js, casper.js и тд... 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	28.06.2018, 12:58
	j2FunOnly, нет, это рабочий код, я ж как-то проверил )... 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	28.06.2018, 13:42
	Сообщение было отмечено khaled89 как решение Решение Этот скрипт должен быть на сервере http://localhost/get_site.php И сервер должен разрешать CORS https://enable-cors.org/server_php.html Тогда, может быть, локальный файл сможет получить данные А так, проверять надо 1

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	28.06.2018, 13:51
	сюпир %) 0