1
是否有任何想法解釋爲什麼此頁面在我的Chrome v 13 dev中未呈現完整狀態？該頁面無法在Chrome中完全呈現
http://madhur.github.com/blog/2011/06/11/githubplatform.html
查看源代碼顯示了完整的HTML代碼，但不會呈現。
A
回答
2
改變
<iframe src='http://www.youtube.com/embed/4XpnKHJAok8' frameborder='0' height='349' width='425' />
到
<iframe src='http://www.youtube.com/embed/4XpnKHJAok8' frameborder='0' height='349' width='425'></iframe>
固定的問題。一個iframe標籤不自閉，請參閱本SO線程Question about text after iframe
編輯： 你說這還是沒有渲染，所以我在IE瀏覽器&拉源頁面和測試本地。做上面提到的一個變化允許頁面的其餘部分進行渲染。下面是完整的源：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Github as a development platform – Madhur Ahuja</title>
<meta name="author" content="Madhur Ahuja" />
<link rel="start" href="/" />
<link rel="alternate" type="application/atom+xml" href="atom.xml" title="RSS feed" />
<!-- syntax highlighting CSS -->
<link rel="stylesheet" href="http://madhur.github.com/files/css/syntax.css" type="text/css" />
<link rel="stylesheet" href="http://madhur.github.com/files/css/global.css" type="text/css" />
<link rel="stylesheet" href="http://madhur.github.com/files/css/layout.css" type="text/css" />
<link rel="stylesheet" href="http://madhur.github.com/files/css/non-blog.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://madhur.github.com/files/css/blog.css" />
<!-- Homepage CSS -->
<script src="http://madhur.github.com/files/js/jquery.js" type="text/javascript" ></script>
<script src="http://madhur.github.com/files/js/site.js" type="text/javascript" ></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23769089-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body id="">
<div id="gradient">
<div id="container">
<div id="header">
<div id="logo">
<h2>
[email protected]:~# :(){ :|: & };:
</h2>
</div>
<div id="navigation">
<ul id="nav">
<li><a class="home" href="/">Home</a></li>
<li><a class="blog" href="/blogindex.html">Blog</a></li>
<!--<li><a class="work" href="/work">Resume</a></li>-->
<li><a class="code" href="/code">Projects</a></li>
<li><a class="papers" href="/papers">Papers</a></li>
<li><a class="info" href="/info">About</a></li>
<li><a class="contact" href="/contact">Contact</a></li>
</ul>
</div>
<div class="c">
</div>
<!--
<div id="dash">
<div id="intro">
<p>You're currently viewing the personal website of <a href="/">Madhur</a>, This website is inpired from
Tom Preston Werner's blog post <a href="http://tom.preston-werner.com/2008/11/17/blogging-like-a-hacker.html">"Blogging like a Hacker"</a>. A huge thanks to him for creating <a href="https://github.com/mojombo/jekyll">Jekyll</a>.</p>
</div>
<p id="feed">Subscribe to <a href="/blog/feed">posts</a> or <a href="/blog/comments/feed">comments</a></p>
<p id="twitter"><a href="http://twitter.com/madhur25" title="tweet tweet!">Follow me on Twitter</a></p>
<div class="c"> </div>
</div>
-->
</div>
<div id="content">
<div id="primary">
<div id="blogcontent">
<div class="postmeta full">
<p class="timestamp">11 June 2011
<br>
<span class="time">05:00 PM</span>
</p>
<div class="actions">
<ul>
<li><a href="/blog/2011/06/11/githubplatform.html#disqus_thread" data-disqus-identifier="/2011/06/03/githubplatform/" class="comment">View Comments</a></li>
<script type="text/javascript">
var disqus_developer = 1;
var disqus_shortname = 'madhur';
var disqus_iframe_css = "http://madhur.github.com/css/screen.css";
var links = document.getElementsByTagName('a');
var query = '?';
query += 'url=' + encodeURIComponent(window.location.href) + '&';
//alert(query);
document.write('<script type="text/javascript" src="http://disqus.com/forums/madhur/get_num_replies.js?url2=' + encodeURIComponent(window.location.url) + '#disqus_thread"></' + 'script>');
</script>
<li><span class="share" title="Click to expand">share this post</span>
<ul class="sharing" style="display:none">
<li class="first"><a href="http://blinklist.com/index.php?Action=Blink/addblink.php&Url=/blog/2011/06/11/githubplatform.html&Title=Github as a development platform" id="share_blinklist" title="Share on BlinkList" rel="nofollow">BlinkList</a></li>
<li><a href="http://del.icio.us/post?url=http://madhur.github.com/blog/2011/06/11/githubplatform.html&title=Github as a development platform" id="share_delicious" title="Add to del.icio.us" rel="nofollow">del.icio.us</a></li>
<li><a href="http://digg.com/submit?url=http://madhur.github.com/blog/2011/06/11/githubplatform.html" id="share_digg" title="Digg This!" rel="nofollow">Digg</a></li>
<li><a href="http://www.facebook.com/share.php?u=http://madhur.github.com/blog/2011/06/11/githubplatform.html" id="share_facebook" title="Share on Facebook" rel="nofollow">Facebook</a></li>
<li><a href="http://reddit.com/submit?url=http://madhur.github.com/blog/2011/06/11/githubplatform.html&title=Github as a development platform" id="share_reddit" title="Share on Reddit" rel="nofollow">Reddit</a></li>
<li><a href="http://www.stumbleupon.com/submit?url=http://madhur.github.com/blog/2011/06/11/githubplatform.html&title=Github as a development platform" id="share_stumbleupon" title="Share on StumbleUpon" rel="nofollow">StumbleUpon</a></li>
<li><a href="http://twitter.com/home?status=http://madhur.github.comGithub as a development platform%3A%20/blog/2011/06/11/githubplatform.html" id="share_twitter" title="Tweet this!" rel="nofollow">Twitter</a></li>
<li class="last"><a href="http://www.technorati.com/faves?add=http://madhur.github.com/blog/2011/06/11/githubplatform.html" id="share_technorati" title="Favourite on Technorati" rel="nofollow">Technorati</a></li>
</ul>
</li>
<li><a href="http://feeds.feedburner.com/madhur
" class="subscribe">subscribe to this blog</a></li>
<li><a href="/blog//trackback" class="trackback" rel="trackback">post a trackback</a></li> <li><a href="/blog/2011/06/11/githubplatform.html" class="permalink">permalink</a></li>
</ul>
</div>
</div>
<div class="post full">
<h1 id='github_as_a_development_platform'>Github as a development platform</h1>
<p>Currently <a href='http://github.com'>Github</a> is an emerging and exciting platform for development. For those who don’t know what Github is, here is the definition straight from <a href='wikipedia.com'>wikipedia</a></p>
<p><em>GitHub is a web-based hosting service for software development projects that use the Git revision control system</em></p>
<p>Git is a <strong>distributed</strong> revision control system created by none other than Linus Torvalds. The beauty of Git lies in its distributed nature which is different from other traditional revision control systems. Git gives each developer a local copy of the entire development history, and changes are copied from one such repository to another. These changes are imported as additional development branches, and can be merged in the same way as a locally developed branch. The distributed nature of Git also requires that code by merged much often that other systems and for that reason much of the implementation of Git has is in C programming language. In this video of Linus Torvalds at Google, he talks about how easy it is to merge thousands of lines of code in Git.</p>
<iframe src='http://www.youtube.com/embed/4XpnKHJAok8' frameborder='0' height='349' width='425' ></iframe>
<p>Coming back to Github, it provides social networking functionality such as feeds, followers and the network graph to display how developers work on their versions of a repository. Users can also create wikis for individual repositories and static web pages which can served by static web site generator <a href='https://github.com/mojombo/jekyll/wiki'>Jekyll</a>. Infact the source of the site you are viewing right now is hosted on Github <a href='https://github.com/madhur/madhur.github.com'>repository</a>.</p>
<div class="blocked tags">
<p>
<a href="/categories/Github.html">Github</a>
,
<a href="/categories/Code.html">Code</a>
,
</p>
</div>
<div class="hr"></div>
<!-- Discus Comments -->
<div id="disqus_thread"></div>
<!-- Enable Disqus comments -->
<script type="text/javascript">
var disqus_shortname = 'madhur';
var disqus_identifier = '/2011/06/03/githubplatform/';
var disqus_title = 'Github as a development platform';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</div>
<div class="c"> </div>
</div>
</div>
<!--<div id="extra">
</div>-->
<div class="c"> </div>
<script type="text/javascript">
var disqus_shortname = 'madhur'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
</div>
<div id="footer">
<p id="copyright">
Content & Design by
<a href="/info/">Madhur Ahuja</a>
© 2010-2011
(Some rights reserved)
</p>
<p id="poweredby">
Powered by
<a href="http://github.com/mreid/jekyll/" title="A static, minimalist CMS">Jekyll</a> and <a href="http://disqus.com">Disqus</a>.
</p>
<div class="c"> </div>
</div>
<p style="text-align:center">
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
</div>
</div>
<!--[if IE 6]>
<script type="text/javascript">
/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; }
var IE6UPDATE_OPTIONS = {
icons_path: "http://static.ie6update.com/hosted/ie6update/images/"
}
</script>
<script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script>
<![endif]-->
</body>
</html>
1
在官方發佈的Chrome 12中呈現良好。
如果開發版本顯示問題，您應該真正聯繫Chrome開發人員/ bug社區，而不是試圖弄清楚您的頁面出了什麼問題。 （首先確保你自己並沒有造成這種情況;文檔中有多個驗證錯誤首先出現。）
2
它在firefox 3.6.13中也不渲染。
我覺得你的問題是在這裏：
<iframe src='http://www.youtube.com/embed/4XpnKHJAok8' frameborder='0' height='349' width='425' />
您還沒有關閉了iframe標籤。
相關問題
- 1. 屏幕抓取完全呈現頁面
- 2. 頁面完全重新呈現事件？
- 3. 無法呈現在頁面上
- 4. Django FilteredSelectMultiple無法在頁面上呈現
- 5. 從完全呈現頁面在ASP.NET中生成PDF
- 6. 無法在Chrome中呈現面板。在Firefox中工作正常
- 7. 如何在頁面完全呈現時執行Javascript函數？
- 8. Ajaxed頁面無法呈現jquermobile風格
- 9. Drupal無法呈現頁面內容
- 10. asp.Net發佈後無法呈現頁面
- 11. 無法將xhtml呈現到頁面
- 12. PhantomJS無效頁面呈現
- 13. aspx頁面在客戶端完全呈現後調用異步方法
- 14. Internet Explorer 8等待頁面完全呈現並執行javascript
- 15. 當onLoadFinished觸發時，頁面未完全加載/呈現
- 16. JS生成的頁面沒有完全呈現爲html時，刮
- 17. NativeScript承認，如果頁面完全呈現
- 18. 頁面無法在Chrome中加載
- 19. 在Chrome擴展中的後臺頁面呈現HTML
- 20. 呈現父頁面中的子頁面
- 21. 無法在流星頁面上呈現閃爍幻燈片Page
- 22. 無法獲取換行符在aspx頁面上呈現
- 23. ASPX頁面無法在IE7和Windows XP上呈現PDF格式
- 24. 在iPad上從主屏幕運行時無法呈現頁面
- 25. 無法在Safari上呈現的封面頁
- 26. iframe中的嵌入式響應頁面無法正確呈現
- 27. PhantomJs無法呈現源文件中的特定頁面
- 28. 瀏覽器顯示即使在頁面完全呈現半進度條
- 29. 無法在Google Chrome中正確呈現此代碼
- 30. 無法在chrome中保存呈現的PDF - Perl
即使改變之後，它仍然不呈現.... – 2011-06-18 15:15:44
我只是再次檢查您的鏈接和iframe標籤仍然沒有正確關閉。 – Chuck 2011-06-21 11:22:51
它在源代碼中關閉，但在Chrome的實際視圖源中未關閉 – 2011-06-21 14:41:15