Вложить локальный файл .js на веб-страницу?

Question

Я хотел бы добавить несколько локальных файлов .js на веб-страницу. Я имею в виду клиентскую сторону, как в моем браузере, мне не нужен кто-либо другой доступ к странице, чтобы увидеть ее. Мне просто нужно взять файл .js, а затем сделать так, чтобы файл был включен в html страницы через тег <script>.

Это нормально, если потребуется секунда после того, как страница загрузилась для того, чтобы материал в локальных файлах был доступен.

Это нормально, если я должен быть на компьютере, чтобы сделать это «вручную» с помощью консоли или чего-то еще.

Я пытался сделать это в течение двух дней, я пробовал Greasemonkey, я пробовал вручную загружать файлы с помощью консоли JavaScript. Меня поражает, что нет (по-видимому) установленного способа сделать это, кажется, что такая простая вещь хочет сделать. Я думаю, что простой - это не то же самое, что и общее.

Если это помогает, причина, по которой я хочу это сделать, - запустить чатбот на чат-клиенте на основе JS. Некоторые из кода бота смешиваются с ранее существующим кодом чата - для этого у меня есть Fiddler, перехватывающий запросы на .../chat.js и заменяющий его локальным файлом. Но у меня есть два файла .js, которые «независимы» от всего, что есть на самой странице. На странице нет файлов .js, на которые я могу их заменить, поэтому я не могу использовать Fiddler.

Answer 1

Так как ваш уже используя стельку сценарий, вы можете сделать что-то подобное в OnBeforeResponse(oSession: Session) функции

if (oSession.oResponse.headers.ExistsAndContains("Content-Type", "html") && 
     oSession.hostname.Contains("MY.TargetSite.com")) { 

     oSession.oResponse.headers.Add("DEBUG1_WE_EDITED_THIS", "HERE"); 

     // Remove any compression or chunking 
     oSession.utilDecodeResponse(); 

     var oBody = System.Text.Encoding.UTF8.GetString(oSession.responseBodyBytes); 

     // Find the end of the HEAD script, so you can inject script block there. 
     var oRegEx = oRegEx = /(<\/head>)/gi 
     // replace the head-close tag with new-script + head-close 
     oBody = oBody.replace(oRegEx, "<script type='text/javascript'>console.log('We injected it');</script></head>"); 

     // Set the response body to the changed body string 
     oSession.utilSetResponseBody(oBody); 
    } 

Рабочий пример www.html5rocks.com:

if (oSession.oResponse.headers.ExistsAndContains("Content-Type", "html") && 
     oSession.hostname.Contains("html5rocks")) { //goto html5rocks.com 
     oSession.oResponse.headers.Add("DEBUG1_WE_EDITED_THIS", "HERE"); 
     oSession.utilDecodeResponse(); 
     var oBody = System.Text.Encoding.UTF8.GetString(oSession.responseBodyBytes); 
     var oRegEx = oRegEx = /(<\/head>)/gi 
     oBody = oBody.replace(oRegEx, "<script type='text/javascript'>alert('We injected it')</script></head>"); 
     oSession.utilSetResponseBody(oBody); 
    } 

Обратите внимание, вы должны включить потоковое выключить в стельку: http://www.fiddler2.com/fiddler/help/streaming.asp и я предполагаю, что вы должны были бы расшифровать HTTPS: http://www.fiddler2.com/fiddler/help/httpsdecryption.asp

Я использовал скрипач сценарий все меньше и меньше, в пользу скрипача .Net Extensions - http://fiddler2.com/fiddler/dev/IFiddlerExtension.asp

Answer 2

Как насчет использования jQuery.getScript() метода jquery?

http://api.jquery.com/jQuery.getScript/

Answer 3

сохранить нормальные HTML страницы в файловой системе, добавьте JS файлы вручную вручную, а затем с помощью скрипача перехватить эти звонки, так что вы получите вашу версию файла HTML

Answer 4

Если вы используете Chrome, тогда зайдите в dotjs.

Он будет делать именно то, что вы хотите!