{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 我只想做你的唯一 的问题《Why is selectivizr.js causing “white screen of dea》','https://www.manongdao.com/q-502858.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Including selectivizr.js is causing IE8 to not display/render anything at all, but IE8 in IETester manages.
It also downloads everything, I can see that in the activity bar and the DOM inspector. And the links are even there, I see that when moving the cursor around the nav-area. But it doesn't display anything at all.
The only bugfix I've found through a lot of searching is applying zoom: 1; to body, but it doesn't help in my case.
I would appreciate any debugging help I can get. Page preview.
Not a solution per se, but as a workaround, moving the
@font-facedeclaration into the<head>(ie not putting it in a<link>ed stylesheet) seems to resolve this issue in many cases. Seems to be something to do with how selectivizr parses stylesheets with @font-face declarations in them.Not ideal I know but given that further selectivizr development seems to have stalled (last commit on GH is 1 yr ago as of time of writing) it might be acceptable in some cases.
The latest version of selectivizr (1.0.2) fixes this issue (look for WSOD): https://github.com/keithclark/selectivizr/blob/master/changelog.txt .
EDIT: I was still having the issue even after updating to 1.0.2. There's something going on between @font-face and selectivizr, even though it doesn't occur all the time. See http://groups.google.com/group/ie-css3/browse_thread/thread/dcc21706fc009af8?pli=1 .
It sure looks to me as if you've got code on the page referencing "jQuery" before the jQuery library is actually loaded. Your sample page gets an "Object expected" error from the first line of code that references the library (right in your "about" page).
The code appears to be setting up a "click" handler for a submit button.
Other than that, however, the preview page renders in IE8 and there's no "white screen of death."
edit — works fine (other than the "Object expected" error, and the related "submit" button of course) in IE7 too.
I also have the same problem with IE8, using the latest versions of jQuery and Selectivzr: I did a reverse Enginering eliminating everything else, I've seen is that the problem derives from the font-face rule.
If this issue is related to the font-face problem with selectivizr I have created a pull request to fix this issue in our situation, basically it ignores the urls that don't contain '.css'. This fixed our WSOD issue. Its available here:
https://github.com/JohnCashBB/selectivizr