browser , Whats the connection between the browser and the Internet?


Whats the connection between the browser and the Internet?

Question:

Tag: browser

How does a browser fit in to the internet? The router connects you to the ISP servers and then you get connected to the internet, correct? How does the browser take your computer and relate it to the internet?


Answer:

A browser is, in the most basic sense, a web page renderer. It's main job is to retrieve a page (usually a HTML text file) from the web and display it to you so you can interact with that page. Inside the HTML there can be references to images and scripts, and the browser manages them for you. Example: You want to access the StackOverflow page.

Step 1: You type the adress in the browser (http://www.stackoverflow.com)

Step 2: The browser converts the adress to a IP adress (using DNS services), and then sends a HTTP request to that IP

Step 3: The page is retrieved

Step 4: The browser parses the page and retrieves any images or files required by that page (all through HTTP requests)

Step 5: The browser renders the page and shows it in your screen

Step 6: When you click in a link, the browser sends another HTTP request and the the process starts again

HTTP is not the only protocol used in the web, I used it for the sake of simplicity.

If you want to understand the "how" of all that, you would have to study computer languages and programming.

I suggest you to read these pages:

http://en.wikipedia.org/wiki/Internet_Protocol

http://en.wikipedia.org/wiki/Domain_Name_System

http://en.wikipedia.org/wiki/HTML

http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol

http://en.wikipedia.org/wiki/Web_browser


Related:


Changing URL as long as you are scrolling the webpage


javascript,html,url,browser,browser-history
I was seeing the NASA's press release / image gallery, (you can see it here) and it has come to my attention that as I'm scrolling down the webpage and seeing different posts, the URL in the address bar was changing (I was using chrome, but tried in Internet Explorer...

Xaml Browser Application opens as a download file on client machine


c#,wpf,xaml,browser,xbap
I have a Xaml browser application that I deployed on my computer. It seems to run fine and open on my computer in Internet Explorer. When I try to access it from client computer on the same network, it opens the application as a download file on Internet Explorer. I...

How to display text in browsers tab bar in a javaserver page [closed]


html,jsp,browser,text,tabs
I have heard of being able to display images in a browsers tab bar here: http://stackoverflow.com/questions/120420/image-icon-beside-the-site-url But I was wondering if there might be an easier way to do this for just some simple text? I am trying to display just two lines, last login and IP address in this...

Cordova- embed a external website into cordova app


cordova,browser,web-applications,website
I have a website. it run good in server I'm building a cordova app to embed this website and I want to open this website into this cordova app. I use window.open(..., "_blank").. window.open(..., "_selt") modify config.xml <access origin.... but when I run app in my device, website auto open...

correct HTML pages won't load in IE10


javascript,jquery,html,internet-explorer,browser
I'm editing someone elses webpage for content, by changing the HTML files on the drive, adding text, comments, wtv. I'm not a web designer, so this is the only way I knew to do it. On most browsers, my changes show, but on internet explorer, sometimes it will revert to...

How is it possible that browserify can make server code run in the browser when servers need access to things like sockets?


javascript,node.js,browser,browserify
Am I simply ignorant of the features that some browsers offer or does this library use some strange workaround to implement these features?

What do I need to do to my HTML to allow accented characters to properly display?


html,browser,html-escape-characters
I have HTML like this (combination of English and Spanish): <p><em><span class="consolas">In </span><span class="english">English</span><span class="consolas"> and </span><span><strong>Spanish</strong></span></em><em><span class="consolas"> / En </span><span class="english">Inglés</span><span class="consolas"> y...

How to get particular controller scope list in console - angularjs?


javascript,jquery,angularjs,browser,console
I am trying to edit bus list in browser console for this bus search angualrjs site. I tried to access the filteredBusData(ng-repeat) list in that page which is used in ng-repeat from console. Code: Method 1: angular.element(document.body).injector().invoke(function ($rootScope) { scope = $rootScope; console.log(scope.filteredBusData); }); Method 2: angular.element('[ng-controller="busTicketCheckoutCtrl"]').scope; `busTicketCheckoutCtrl` is the...

Open a html document with php


php,browser
I have a strange setup at the moment (busy with a migration) I have a 4th Dimension application which calls php scripts (which is our soon to be, only application. Dropping 4D) This script thats called from 4D needs to open a html file in the browser. Is this possible?...

CSS Font Fallback for Missing Glyphs


css,browser,fonts
CSS: p { font-family: Gill Sans, SFU GillSans; } "SFU GillSans" is a font for Vietnamese language. According to this link, if p contains a Vietnamese character that is not in Gill Sans font, then the browser will look for it in "SFU GillSans" font. Is it possible to switch...

How to show/hide a jquery script only on Firefox


javascript,jquery,firefox,browser,cross-browser
Trying to show and hide js only on Firefox browser. There are another question about Detect all Firefox versions, but it is not answer of my question so i have asked this question. HTML: <div id="about_me"> This Text color will be change </div> Show this only on Firefox: $("#about_me").addClass("red"); I...

How to remove/replace cached css and js file from client Browser?


javascript,css,browser,browser-cache
Is there a way by which we can replace or remove the cached css and js files from client browser when they come to the website next time?

Add possibility to launch commands from browser


python,browser
I have a simple browser in python #!/usr/bin/env python import sys import gtk import webkit DEFAULT_URL = 'http://www.stackoverflow.com' # Change this as you Wish class SimpleBrowser: # needs GTK, Python, Webkit-GTK def __init__(self): self.window = gtk.Window(gtk.WINDOW_TOPLEVEL) self.window.set_position(gtk.WIN_POS_CENTER_ALWAYS) self.window.connect('delete_event', self.close_application) self.window.set_default_size(350, 20) vbox = gtk.VBox(spacing=5) vbox.set_border_width(5) self.txt_url = gtk.Entry() self.txt_url.connect('activate',...

Open popup window in specific keyboard language


javascript,jquery,html,browser
I have code like this that open new window in javascript: window.open(URL); But although browser keyboard language at opennig moment for example is 'fa' but new window opens in 'en'. Is there a way that I can open new window in the same keyboard language that browser uses? Thanks....

Safely query size of element soon after inserting it to DOM


javascript,dom,browser
Is there an way (maybe an event?) to delay querying the height of element until all of the styles for it have been fully calculated, so that I know that it's height is calculated properly? In my app I need to get the height of an element as soon as...

Google Chrome Add Bookmark Image


html,html5,google-chrome,browser,web
Recently Google have added a new interface when users click the star icon in the address bar to add a site to their bookmarks. The UI displays the page title as well as anything from the meta description element if present, but I was wondering if there's a way to...

Change permissions to allow PHP script in browser to execute matplotlib operations in a python script


php,python-2.7,browser,permissions
I am running Ubuntu 14.04 with a locally hosted webpage running on Apache2. I can access index.php fine through my browser, but I want that page to display a graph that is prepared in a python script called graph.py. graph.py will execute fully when the I execute index.php from the...

Is it possible to get specific static contents of a webpage only using client side technology?


javascript,html,html5,browser
I am only allowed to use client side technologies such as HTML5 Javascript ect.. Is it possible to get specific contents of a webpage using these technologies alone?

Java Selenium WebDriver with Yandex


java,selenium,browser,selenium-webdriver,yandex
At the moment, I use Firefox as browser for my Java Application with Selenium. But Firefox is slow. Is it possible to use Yandex as browser? Didn't find anything in Google. Does Selenium supports Yandex? For Chrome I need the .exe for using Chrome as browser. Is this possible with...

input value undefined javascript


javascript,css,dom,browser
I want to show an error message when text box is empty on submit, but is not working and everytime I try to get the value through the console area returns undefined. CSS <style> #error_alert { visibility: hidden; border: 1px solid #F00; text-align: center; width: 100px; } label, input, button...

How to detect wake from sleep in the browser on iOS/Android?


javascript,android,ios,dom,browser
I want to be able to refresh the page when the user returns to page from a different tab or by waking the device. I could have sworn that I read somewhere that the pageshow event would be fired from the window, but that turns out not to be the...

Selenium catch popup on close browser


java,selenium,browser
I'm trying to test that when I close my window a popup shows with a warning message. I've tried both driver.close() and driver.quit() after making sure I'm on the proper window but this just terminates the process since my popup doesn't show. I could test it by using the awt...

Altering window.print() Javascript functionality [duplicate]


javascript,browser
This question already has an answer here: Print <div id=printarea></div> only? 21 answers This question is mostly out of academic interests(and partly because I faced an issue like this before and simply found a workaround, but I want to know the proper way to do it). How does the...

Will Microsoft Edge support userscripts?


javascript,browser,userscripts,microsoft-edge
Did Microsoft announce whether Edge will support userscripts? Doesn't matter if via plugins (similar to Greasemonkey in Firefox or Tampermonkey in Chrome) or as an out-of-the-box feature.

place 1 label top, 1 input bottom and 2 buttons left


html,html5,css3,browser
I would like to place 1 label at the top of an Input with two centered buttons (inside a div) on the right. for the moment my code isn't flexible and I can't easily use my class anywhere on my webpage as It is strongly dependent the #.bu-container height that...

Firefox and SSL pages - takes very long on certain sites [closed]


firefox,ssl,browser,ssl-certificate
I use openSUSE 13.1 and Firefox 38.0.1. On some pages with ssl it takes minutes until the connection is established. It only happens on sites whose ssl certificate is not trusted by firefox, so that it asks you if you really want to enter the site. But even this security...

jQuery - Listen to User click on the Auto Suggest Option provided by browser


javascript,jquery,browser
This is my input box. <input type="text" class="form-control" id="contestCode" name="contestCode" required > My jQuery Snippet which checks for keyup event and paste event $('#contestCode').on({ keyup : function(){ checkContestCodeIfExists($(this)); }, paste : function(){ checkContestCodeIfExists($(this)); } }); But when the user clicks on the autoSuggest provided by the browser (Code exists for...

How To Open A Website's (Built on Wordpress) PHP file in my browser?


php,wordpress,browser
I came across a website and liked its look. So, I wanted to know how its style.css is coded. I got there style.css file by visiting to Network Tab of Inspect Element and then opening that file in a new tab. We can open JS files also in the same...

Retrieving document.cookie getter and setter


javascript,cookies,browser
I'm trying to override the document.cookie since i need to control cookie creation, but seems that getOwnPropertyDescriptor casted on document.cookie doesn't retrieve its getter and setter ( tried on chrome and firefox ). Could someone explain me this behaviour? https://jsfiddle.net/1363ktwp/7/ var obj={}; // creating a property using document.cookie descriptors Object.defineProperty(...

Does {} consume less memory than [] for nested objects in Javascript?


javascript,browser,requirejs
I had some legacy JS code that creates a giant nested object structure with []. The code goes some like this var data = []; data ["first"] = []; data ["first"]["second"] = []; data ["first"]["second2"] = "hello"; It is about 250+ KB of javascript, which is fairly large. When I...

How can I add custom search engine to browser?


search,browser,manifest,provider
Basically what I'm trying to do is to be able to add my own "search engine" (based on PHP and Mod_rewrite) to any browser automatically. Somewhere on the Internet I found that I need to declare a search provider. How can I do this? <link>, manifest or some JavaScript?

How to modify the content of WebRTC MediaStream video track?


javascript,html5,video,browser,webrtc
I use WebRTC in a scenario in which the client video stream is recorded on a third-party server https://tokbox.com/. I would like to put some kind of watermark in the recorded video. Investigation brought me to this page http://w3c.github.io/webrtc-pc/#mediastreamtrack and it seems that it is technically possible since it says...

Disable browser adding overflow:hidden on touch screen enabled devices


html,css,google-chrome,browser,touch
I'm having an issue with browsers (maybe just Chrome) adding css rules on touch enabled devices. On a website we've created for a client (to be used exclusively in Chrome), when accessing from their ultrabooks, the scroll bars disappear on elements on the page that had them. The client is...

How to make Google Chrome and iOS remember scroll position in div after returning back?


css,browser,scroll,position,back
The problem is that the scroll container is a div, not body. And that causes Google Chrome and iOS to fail to remember scroll position of the div after users go to another page and then return back. The related CSS code is as follows. The scroll container is #container....

Looking for tool that prevent script to become unresponsive [on hold]


javascript,browser,google-chrome-extension
For a side project I need to generate a lot of data from a WebGL Application. This Web App is mostly a personal tool and I really don't care if my browser become unresponsive (I mean, I know it will). Does someone know a browser/tool/plugin that could allow me to...

Why/how does the browser decide ☃.net goes to xn--n3h.net


url,browser,unicode,character-encoding,iri
If we type into firefox or chrome http://☃.net/ It takes us to http://xn--n3h.net/ Which is a mirror of unicodesnowmanforyou.com What I don't understand is by what rules the unicode snowman can decode to xn--n3h, it doesn't look anything like utf-8 or urlencoding. I think I found a hint while mucking...

How is this string processed by the browser?


javascript,jquery,browser
I'm using a JQuery snippet to make a navigation bar stick to the top of the window after the user scrolls down to a certain height, although I know the result of the string below I'm not completly clear on how the browser processes it. $('#navbar') .addClass('original') .clone() .insertAfter('#navbar') .addClass('cloned')...

JS Browser with pause function, help please


javascript,function,browser
I wrote this program in js that goes through a list of URLs, where it stays on each page for a few seconds, closes the current window, and open the next in line. Everything works perfect, now I need it to stop/pause every 5 links. The second part of this...

Are background images loaded if container opacity is 0


html,css,browser
Does browser load elements background image if elements opacity is 0? .element { background-image: url("someurl"); opacity: 0; } ...

close and open browser -selenium C# Visual studio


c#,selenium,browser,close
I want to close and then open the browser without close the driver of selenium, using C# I don't want to: driver.Quit(); How Can I close and the open again the browser Chrome?...

Why doesn't JavaScript get its own thread in common browsers?


javascript,browser,architecture,software-design
Not enough that JavaScript isn't multithreaded, apparently JavaScript doesn't even get its own but shares a thread with a load of other stuff. Even in most modern browsers JavaScript is typically in the same queue as painting, updating styles, and handling user actions. Why is that? From my experience an...

rails 2.3 server running inside vagrant environment not accessible in host machine mac os x browsers


ruby-on-rails,browser,vagrant,hosts,mongrel
in vagrant I am using: box 'prorail/centos-5.8-x86_64' in vagrant i am running rails 2.3 server like: [[email protected] myapp]$ script/server => Booting Mongrel => Rails 2.3.5 application starting on http://0.0.0.0:3000 => Call with -d to detach => Ctrl-C to shutdown server in my hosts file i have added this line at...

Is it possible to interact with an arbitrary client peripheral from a webapp?


javascript,browser,camera,peripherals
I know a webapp can access media devices like microphones and webcams, and other hardware like a smartphone's GPS. As far as I know, that's done with tightly constrained protocols for each specific type of device. However, I have an advanced scientific camera. It is only useful with a computer...

How to make a browser console wait in a javascript


javascript,browser,console,wait
I'm trying to make a script that clicks on a page button, waits X seconds (for the result of the click to take place), and then continues. How can I do that? (only the wait part)...

How to run a .jar inside browser?


php,html,browser,jar
I tried to execute a .jar using HTML or PHP. In the first case i wrote the code bellow: <applet code=Diagnostica.class archive="Diagnostica/Diagnostica.jar" width="120" height="120"> </applet> This way dosen't work cause the file Diagnostica.jar need to contain an applet i suppose. So i tried the second option in PHP: exec("java -jar...

Load javascript in consecutive order after browser load event


javascript,jquery,html,html5,browser
What am I trying to do? In an attempt to speed up my website I am loading non-essential javascript after the browser load event. (So the JS files are not render blocking) This is currently functioning correctly. What is the problem? The problem is sometimes the non-essential javascript depends on...

How to STOP browsers from sharing session amongst tabs?


javascript,jsp,security,browser,spring-security
How to NOT share session between multiple browser tabs ? I am using Spring Security in JSP/Servlet application and I want to know "How can we achieve the behavior with Spring Security where user is forced to login again whenever he changes the browser tab ?". Disclaimer Question is similar...

How to prevent iFrame actions from causing outer page to scroll to it


javascript,iframe,browser,scroll
First, I know there are many questions about this phenomenon but none of the workarounds given so far would help in the situation I have here. Environment: My code is in the Outer iFrame inside a page I don't control. It's sized to fit all my content so no scrolling...

Why is it so hard to style