Html – Absolute URLs omitting the protocol (scheme) in order to preserve the one of the current page

htmlhttpprotocol-relativeurlweb-applications

I saw the //somepage.com/resource url format. For example:

<img src="//remotesite.com/image1.jpg" />

The point of this is that if the current page (the page defining the img tag) is using http, then the request to the remote site is made via http. If it is https – it's https. This eliminates browser warnings of not fully encrypted pages.

My question is – is this URL format safe to use for all browsers. And is it a standard?

Best Answer

is this URL format safe to use for all browsers.

I can't say anything for sure, but you should be able to test it in different browsers.

And is it a standard?

Technically, it is called "network path reference" according to RFC 3986. Here is the scheme for it:

  relative-ref  = relative-part [ "?" query ] [ "#" fragment ]

  relative-part = "//" authority path-abempty
                / path-absolute
                / path-noscheme
                / path-empty

There is a problem though, when used on a <link> or @import, IE7 and IE8 download the file.

Here is a post written by Paul Irish on the subject:

The protocol-relative URL

For Rails 3.2 or Rails 4+

You should use request.original_url to get the current URL. Source code on current repo found here.

This method is documented at original_url method, but if you're curious, the implementation is:

def original_url
  base_url + original_fullpath
end

For Rails 3:

You can write "#{request.protocol}#{request.host_with_port}#{request.fullpath}", since request.url is now deprecated.

For Rails 2:

You can write request.url instead of request.request_uri. This combines the protocol (usually http://) with the host, and request_uri to give you the full address.

Javascript – Get the size of the screen, current web page and browser window

You can get the size of the window or document with jQuery:

// Size of browser viewport.
$(window).height();
$(window).width();

// Size of HTML document (same as pageHeight/pageWidth in screenshot).
$(document).height();
$(document).width();

For screen size you can use the screen object:

window.screen.height;
window.screen.width;

Best Answer

Related Solutions

Ruby-on-rails – How to get the current absolute URL in Ruby on Rails

For Rails 3.2 or Rails 4+

For Rails 3:

For Rails 2:

Javascript – Get the size of the screen, current web page and browser window

Related Topic