我想在任何浏览器的开发控制台（JavaScript）中将网址列表加载到var

Question

I have a .txt file on my hard drive containing lots of URLs structured like this:

http://url1.com/

http://url2.com/

. . .

I want to load them to a var in Firefox's/Chrome's/IE's dev console so that it would be a vector of strings. I plan to visit these pages with a for loop. How can this be done?

Answer 1

<script>

var urls = [
  'http://url1.com/',
  'http://url2.com/'
];

</script>

You can generate this snippet with code or just have your file export a global variable and then load it via tags.

Answer 2

You can get the contents of the file to show up in the Console with the below snippet.

 var file="file://C:/FileName.txt";

        function read(file)
        {
            var File = new XMLHttpRequest();
            File.open("GET", file, false);
            File.onreadystatechange = function ()
            {
                if(File.readyState === 4)
                {
                    if(File.status === 200 || File.status == 0)
                    {
                        var Text = File.responseText;
                        console.log(Text);
                    }
                }
            }
            File.send(null);
        }

Answer 3

You can read a file via JavaScript from the page . You cannot upload a file to the developer's console.

I then modified the code bellow a bit to help you further. I added a scrape function that will help you request each URL one at a time.

  <div id="page-wrapper">

        <h1>Text File Reader</h1>
        <div>
            Select a text file: 
            <input type="file" id="fileInput">
        </div>
        <pre id="fileDisplayArea"><pre>

    </div>
<script>
function scrape(urls) {
    url = urls.shift()
    $.get(function (url) {
        // get the url data here
        scrape(urls);
    });
}

window.onload = function() {
        var fileInput = document.getElementById('fileInput');
        var fileDisplayArea = document.getElementById('fileDisplayArea');

        fileInput.addEventListener('change', function(e) {
            var file = fileInput.files[0];
            var textType = /text.*/;

            if (file.type.match(textType)) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    scrape(reader.result.split("\n"));
                }

                reader.readAsText(file);    
            } else {
                fileDisplayArea.innerText = "File not supported!"
            }
        });
}

</script>

Modified version of:

Read a local text file using Javascript

Answer 4

The only way di make your JavaScript aware of local files is to HTTP GET them.

So probably you have to put your file somewhere handy in the project folder and procees with an AJAX request.

var httpRequest;
function makeRequest() { 
    httpRequest = new XMLHttpRequest(); 
    request.open("GET", "files/url.txt", false);      
    request.send(null); 
    saveArray(request.responseText);
}
var array = [];
saveArray(string){
    array = string.split("\n")
}

Answer 5

I found a simple but not very elegant workaround for the issue. I just copy and paste the list into a var definition. I don't have to do this often, so it is kind of okay.