Google Chrome 17.0.963.56 allows a maximum of 20 redirects, as tested with this PHP script:

    &lt;?php
        $redirect = (isset($_GET[&#39;redirect&#39;])) ? $_GET[&#39;redirect&#39;] : 0;
        header(&quot;Location: redirects.php?redirect=&quot; . ($redirect + 1));
    ?&gt;

Chrome aborts with error `310` when trying to open `redirects.php?redirect=21`, which means that the first `20` redirects were successful.

Tested on Win 7 64bit&lt;br&gt;

 - **Chrome 64bit** `Version: 49`  &lt;kbd&gt;↷&lt;/kbd&gt; `80.0.3987.132 (Official Build)`, **19** redirects&lt;br&gt;
 - **Chrome Canary 64bit**, `Version: 49` &lt;kbd&gt;↷&lt;/kbd&gt; `88.0.4306.2 (Official Build)`, **19** redirects&lt;br&gt;
 - **Firefox 32-bit** `version: 43 ` &lt;kbd&gt;↷&lt;/kbd&gt; `74`, **20** redirects&lt;br&gt;
 - **Firefox 64-bit** `version: 43 ` &lt;kbd&gt;↷&lt;/kbd&gt; `74`, **20** redirects&lt;br&gt;
   - **Firefox 64-bit** `67.0.4`, ***endless loop!*** &lt;br&gt;
 - **Opera** `version: 28`, &lt;kbd&gt;↷&lt;/kbd&gt; `65.0.3467.62` **19** redirects&lt;br&gt;
 - **Safari** `version: 5.1.7`, **16** redirects&lt;br&gt;
 - **IE** `version: 8`  **11** redirects *via [webpagetest.org][1]*&lt;br&gt;
 - **IE** `version: 9`  **121** redirects *via [webpagetest.org][1]*&lt;br&gt;
 - **IE** `version: 10` **121** redirects *via [webpagetest.org][1]*&lt;br&gt;
 - **IE** `version: 11.48.17134.0` **110** redirects&lt;br&gt;
 - **Microsoft Edge** `version: 42.17134.1.0` **20** redirects&lt;br&gt;
 - **Google Nexus 5, Samsung Galaxy S4 ⇄ S9, Galaxy Tab 4**, **19** redirects&lt;br&gt;&lt;br&gt;&lt;br&gt;


  [1]: http://www.webpagetest.org

Chrome and Firefox out of the box is 20, Internet Explorer is 10, I couldn&#39;t tell you on Opera or Safari

In my Ruby project I am using a mess of things like moving and editing files on several remote boxes and I really need something like a relative path to my root project directory. I have many processing folders which are used in many methods.

Right now I have paths hardcoded, but that makes me unhappy.

Relative path to your project directory

I need to get an accurate measurement of altitude using GPS only.

I tried `Location.getAltitude()`, but that is terribly inaccurate.
Any advice?

Android: How to get accurate altitude?

Often, when a script has a redirect loop we get an error in Google Chrome that says

&gt; Error 310 (net::ERR_TOO_MANY_REDIRECTS): There were too many redirects.

How many redirects are too many?

In Chrome, how many redirects are &quot;too many&quot;?

Often, when a script has a redirect loop we get an error in Google Chrome that says
> Error 310 (net::ERR_TOO_MANY_REDIRECTS): There were too many redirects.
How many redirects are too many?

I created a Chrome extension and am using localStorage for storing data.

I am accessing localStorage through &quot;background_page&quot;.

It works fine but how can I manually view its values? In Firefox you can use Firebug.

Anyone have any suggestions?

How to view or edit localStorage

I tried to follow the following topic, but unsuccessfully.
https://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css

I tried to colorize my placeholder, but it still stay grey on Chrome 17.0.963.56 m.

**HTML**

    &lt;input type=&#39;text&#39; name=&#39;test&#39; placeholder=&#39;colorize placeholder&#39; value=&#39;&#39; /&gt;

**CSS**

    INPUT::-webkit-input-placeholder, 
    INPUT:-moz-placeholder {
        color:red;
    }
    input[placeholder], [placeholder], *[placeholder]
    {
        color:green !important;
    }


**JSfiddle**

- http://jsfiddle.net/F4xfV/1/

On Firefox 10.0.2, it works well.

Changing an input&#39;s HTML5 placeholder color with CSS does not work on Chrome

I created an application which comprises a number of `*.exe` files. I&#39;ve packaged these up into an NSIS installer which I hosted on my website. When I try to download it Chrome reports it as potentially malicious. At first I thought it could be the URL/site I was hosting on not being recognized so I signed up for Amazon S3 storage and moved the file there. Same problem. I then thought that packing the executables might cause this, so I tried without.  
Same issue.  
After some more reading I decided to try signing the executables as well as the installer package EXE.

I created a dev cert as follows:

    makecert
    pvk2pfx 
    signtool&quot;http://timestamp.verisign.com/scripts/timstamp.dll&quot; *.exe

Still malicious... I check the exe&#39;s even after download and confirmed they have a digital signature tab, granted it&#39;s not a fully verified commercial certificate but I can&#39;t believe the only way around Chromes half-baked code analysis is to spend $200 a year to have a verisign etc. code signing cert issued?

Any ideas how I can change what I&#39;m doing to avoid this nasty message?

Getting around Chrome&#39;s Malicious File Warning

I&#39;m learning how to create Chrome extensions. I just started developing one to catch YouTube events. I want to use it with YouTube flash player (later I will try to make it compatible with HTML5).

**manifest.json:**

    {
        &quot;name&quot;: &quot;MyExtension&quot;,
        &quot;version&quot;: &quot;1.0&quot;,
        &quot;description&quot;: &quot;Gotta catch Youtube events!&quot;,
        &quot;permissions&quot;: [&quot;tabs&quot;, &quot;http://*/*&quot;],
        &quot;content_scripts&quot; : [{
            &quot;matches&quot; : [ &quot;www.youtube.com/*&quot;],
            &quot;js&quot; : [&quot;myScript.js&quot;]
        }]
    }

**myScript.js:**

    function state() { console.log(&quot;State Changed!&quot;); }
    var player = document.getElementById(&quot;movie_player&quot;);
    player.addEventListener(&quot;onStateChange&quot;, &quot;state&quot;);
    console.log(&quot;Started!&quot;);

The problem is that the console gives me the *&quot;Started!&quot;*, but there is no *&quot;State Changed!&quot;* when I play/pause YouTube videos.

When this code is put in the console, it worked. What am I doing wrong?

Use a content script to access the page context variables and functions

I am working on developing a website and need to work on the print view. Typically when I have layout issues I use Chrome&#39;s Element Inspector. However this does not exist in print preview mode. 

Is there a Chrome plugin or some other way to change your viewing medium within chrome itself, to view a page as a printer would?  I suppose it doesn&#39;t have a be a Chrome specific solution, but that is my primary browser so it would be nice to have an in-browser solution.

Right now I&#39;m focused just on the print preview medium, but it would be ideal to be able to change to any of the supported media types (i.e. all/braille/embossed/handheld/print/projection/screen/speech/tty/tv).  

Using Chrome&#39;s Element Inspector in Print Preview Mode?

By default, `&lt;input type=&quot;search&quot; /&gt;` renders like a &quot;native&quot; search field on Mac OS X (rounded corners, clear button, etc.). I want to completely remove this custom styling so that the input looks identical to an equivalent text input (`&lt;input type=&quot;text&quot; /&gt;`), but while keeping the input type set to `search`.

I&#39;ve tried `-webkit-appearance: none;`, which gets it very close...but there&#39;s something funny going on with margins/padding that I can&#39;t seem to override, which causes the width of the search field to render ~20px shorter than a text input.

Is there another `-webkit-` specific property I&#39;m not aware of to totally disable the styling?

How do I remove all default Webkit search field styling?

I can&#39;t seem to find the correct syntax for the CSS transition **shorthand** with multiple properties. This doesn&#39;t do anything:

&lt;!-- language: lang-css --&gt;

    .element {
      -webkit-transition: height .5s, opacity .5s .5s;
         -moz-transition: height .5s, opacity .5s .5s;
          -ms-transition: height .5s, opacity .5s .5s;
              transition: height .5s, opacity .5s .5s;
      height: 0;
      opacity: 0;
      overflow: 0;
    }
    .element.show {
      height: 200px;
      opacity: 1;
    }

I add the show class with javascript. The element becomes higher and visible, it just doesn&#39;t transition. Testing in latest Chrome, FF and Safari.

What am I doing wrong?

EDIT: Just to be clear, I&#39;m looking for the shorthand version to scale my CSS down. It&#39;s bloated enough with all the vendor prefixes. Also expanded the example code.

CSS transition shorthand with multiple properties?

I have started to convert the Webview interfaces to be consumed in Delphi.  I have managed to get the webkit library to load, and the interface methods that is called appears to work correctly, however, I cannot seem to display the Webview on the main form.

Below is my interfaces that is declared

      WebFrameClass = interface(NSObjectClass)
      [&#39;{7BE750C8-DFEC-4870-851A-12DBCB0B78F6}&#39;]
      end;
    
      WebFrame = interface(NSObject)
      [&#39;{BCFA04BE-41AB-4B78-89C0-3330F12C7695}&#39;]
        procedure loadRequest(request: NSURLRequest); cdecl;
      end;
      TWebFrame = class(TOCGenericImport&lt;WebFrameClass, WebFrame&gt;)  end;
    
      WebViewClass = interface(NSViewClass)
      [&#39;{0D9F44B7-09FD-4E35-B96E-8DB71B9A2537}&#39;]
        {class} function canShowMIMEType(MIMEType: NSString): Boolean; cdecl;
      end;
    
      WebView = interface(NSView)
      [&#39;{C36D8016-2FCB-49F0-BA1C-C9913A37F9AC}&#39;]
        procedure clos; cdecl;
        procedure setHostWindow(hostWindow: NSWindow); cdecl;
        function initWithFrame(frame: NSRect; frameName: NSString; groupName: NSString): Pointer; cdecl;
        function mainFrame: WebFrame; cdecl;
      end;
      TWebView = class(TOCGenericImport&lt;WebViewClass, WebView&gt;)  end;

And here follows to code to construct a WebView:

    procedure TForm2.Button1Click(Sender: TObject);
    var
      PWebView: Pointer;
      FwkMod: HMODULE;
      MyWebView: WebView;
      urlStr: NSURL;
      urlreq: NSURLRequest;
    const
      WebKitFWK: string = &#39;/System/Library/Frameworks/WebKit.framework/WebKit&#39;;
    begin
      FwkMod := System.SysUtils.LoadLibrary(PWideChar(WebKitFWK));
      PWebView := TWebView.Alloc.initWithFrame(MakeNSRect(10, 10, 300, 300), nil, nil);
      MyWebView := TWebView.Wrap(PWebView);
    
      urlStr := TNSURL.Create;
      urlstr.initWithString(NSSTR(&#39;http://google.com.au/&#39;));
      urlreq := TNSURLRequest.Create;
      urlreq.initWithURL(urlstr);
      MyWebView.mainFrame.loadRequest(urlreq);
    end;

The code executes without raising any exceptions, but just does not want to appear.  What needs to be done differently in Delphi? The examples I found for objective C appears to be quite simple:

Some objective C examples I have seen mention IBOutlets.  It does not look like this is relevant for Delphi. 

https://stackoverflow.com/questions/4777490/how-to-make-webview-osx-xcode-project-load-a-url-on-launch

Thanks.





Webview not displaying in MacOS using Delphi XE2

I am doing a console.log statement in my javascript in order to log a javascript object. I&#39;m wondering if there&#39;s a way, once that&#39;s done - to copy that object as javascript code. What I&#39;m trying to do is convert an object that was created using ajax to parse an xml feed into a static javascript object so that a file can run locally, without a server. I&#39;ve included a screenshot of the object in the chrome inspector window so you can see what I&#39;m trying to do.![enter image description here][1]


  [1]: http://i.stack.imgur.com/RsxAB.png

Javascript / Chrome - How to copy an object from the webkit inspector as code

Bootstrap modals don&#39;t work correctly on Android and iOS.  The issue tracker acknowledges the problem but does not offer a working solution:

[Modals in 2.0 are broken on mobile.][1]

[Modal window in 2.0 not positioning properly][2]

The screen darkens but the modal itself is not visible in the viewport.  It&#39;s possible to find it at the top of the page.  The problem occurs when you&#39;ve scrolled down on the page.

Here is a relevant portion of bootstrap-responsive.css:

    .modal {
        position:fixed;
        top:50%;
        left:50%;
        z-index:1050;
        max-height:500px;
        overflow:auto;
        width:560px;
        background-color:#fff;
        border:1px solid #999;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-background-clip:padding-box;
        -moz-background-clip:padding-box;
        background-clip:padding-box;
        margin:-250px 0 0 -280px;
    }

Is there a fix I can apply?


  [1]: https://github.com/twitter/bootstrap/issues/3230
  [2]: https://github.com/twitter/bootstrap/issues/1036

Content Type	Original Author	Original Content on Stackoverflow
Question	Tarang	View Question on Stackoverflow
Solution 1 - Google Chrome	Dennis	View Answer on Stackoverflow
Solution 2 - Google Chrome	Panos Kal.	View Answer on Stackoverflow
Solution 3 - Google Chrome	Anthony Shaw	View Answer on Stackoverflow

In Chrome, how many redirects are "too many"?

Google Chrome Problem Overview

Google Chrome Solutions

Solution 1 - Google Chrome

Solution 2 - Google Chrome

Solution 3 - Google Chrome

Android: How to get accurate altitude?

Relative path to your project directory

Attributions