Fix shit IE code manually | Nicolas的博客

I got a webpage which only support IE7 and older IE. After some digging I found out it just use some very old JS method and the most important function is just implemented with XML HTTP Request. So I decided to make the request myself.

I write a bookmarklet (which can be compressed with https://mrcoles.com/bookmarklet/) to do the job.

iframe = document.getElementsByName('midFrame')[0].contentWindow.document.getElementsByName('main')[0];
if(!iframe.contentWindow.document.getElementById("session_sid")){
	var alert_div = document.createElement("div");
	alert_div.id = "session_sid";
	alert_div.style = "
	font-size: 1.6rem;
	height: auto;
	position: fixed;
	text-align: center;
	width: 100%;
	color: #fff;
	padding: 20px;
	background-color:#67daff;
	z-index:5555; 
	";
	iframe.contentWindow.document.body.appendChild(alert_div)
};

token = 'method=login&arguments=can&not=be&told=because&of=privacy';

xhr = new XMLHttpRequest();
xhr.onreadystatechange = stateChange;
xhr.open("GET", '/aim/sso.do?'+token, true);
xhr.send();

const copyToClipboard = str => {
  const el = document.createElement('textarea');  
  el.value = str;                                 
  el.setAttribute('readonly', '');                
  el.style.position = 'absolute';                 
  el.style.left = '-9999px';                      
  document.body.appendChild(el);                  
  const selected =            
    document.getSelection().rangeCount > 0        
      ? document.getSelection().getRangeAt(0)     
      : false;                                    
  el.select();                                    
  document.execCommand('copy');                   
  document.body.removeChild(el);                 
  if (selected) {                                
    document.getSelection().removeAllRanges();   
    document.getSelection().addRange(selected);  
}
};

function stateChange() {
	if (xhr.readyState === 4) {
		if (xhr.status === 200) {
			iframe = document.getElementsByName('midFrame')[0].contentWindow.document.getElementsByName('main')[0];
			iframe.contentWindow.document.getElementById('session_sid').innerHTML = xhr.responseText;
			copyToClipboard(xhr.responseText);
		} else {
		console.log(xhr.status)
	}
}
}

Here are some notes:

A lot of Frame are used, we need to get into the correct level with method contentWindow.
You may use following code to send the result into clipboard:

iframe.contentWindow.document.getElementById('session_sid').innerHTML = '<input type="text" value="'+xhr.responseText+'" id="sid" readonly>';
iframe.contentWindow.document.getElementById('sid').select();
iframe.contentWindow.document.execCommand('copy')

Linux 34

Ubuntu 9

hg 1

git 2

GSL 1

SSH 4

TeX 1

Code::Blocks 1

Makefile 2

Matlab 3

花生壳 1

grub 1

stardict 1

Windows 3

VirtualBox 1

R 18

Kubuntu 2

Telnet 1

C++ 7

SSE 1

VPN 1

pptpd 1

WordPress 2

Firefox 1

Shell 4

C 1

printf 1

ggplot 2

cygwin 1

cgroup 1

CUDA 3

NTP 1

Server 1

VNC 1

qtiplot 1

mime 1

openbox 1

Grub 1

RCurl 1

IPV6 1

不务正业 1

cgroups 1

ulimit 1

Freetype 1

Gnuplot 2

LibGD 1

GCC 1

libtorrent 1

rtorrent 1

OS 2

awk 1

tips 3

Project Euler 11

Nvidia 1

QT 1

VS2010 1

phpcloud 1

RSS 1

TTRSS 1

crontab 1

alsa 1

capture 1

autofs 1

NIS 1

Samba 1

Apache 1

texmacs 1

ifuse 1

Ipod 1

rsync 1

Jekyll 1

Markdown 2

C/C++ 2

Vim 1

Vimperator 1

firefox 1

Openbox 1

Ubuntu server 1

Obuntu 1

Ipython 1