2013-03-13 34 views
0

MobileSafari上的網頁標題看起來很精緻,主機能夠達到這個效果嗎?標題的字體系列和字體大小是什麼?MobileSafari上的頁面標題的字體家族是什麼?

非常感謝! safari

+0

您是否嘗試過[WhatTheFont](http://graphicdesign.stackexchange.com/questions/tagged/font-identification)? – Drux 2013-03-13 07:35:57

回答

4
  1. 在Xcode中打開任何iOS項目。
  2. 在模擬器中啓動MobileSafari並訪問Google。
  3. 在Xcode中,選擇Product> Attach to Process> MobileSafari。
  4. 選擇產品>調試>暫停。
  5. 在調試控制檯中輸入po [[UIApp keyWindow] recursiveDescription]

請注意,這隻適用於模擬器。在設備上,您只能附加到您使用Xcode安裝的應用程序。

這樣做可以讓您打印出Mobile Safari的視圖層次結構。通過它搜索,我發現這個UILabel

| | | | | <UILabel: 0x1096e800; frame = (0 0; 308 16); text = 'Google'; clipsToBounds = YES; userInteractionEnabled = NO; layer = <CALayer: 0x1096e8c0>> 

UILabel對象的地址將每次我們這樣做的時候是不同的。

無論如何,我們可以打印這樣的標籤的字體:

(lldb) po [0x1096e800 font] 
$2 = 0x0bb88110 <UICFFont: 0xbb88110> font-family: ".Helvetica NeueUI"; font-weight: bold; font-style: normal; font-size: 13px 

我們可以打印的文本顏色:

(lldb) po [0x1096e800 textColor] 
$13 = 0x1096eb50 UIDeviceRGBColorSpace 0.173 0.212 0.259 0.9 

我們還可以打印出它的陰影顏色:

(lldb) po [0x1096e800 shadowColor] 
$4 = 0x1096eb70 UIDeviceWhiteColorSpace 1 0.43 

打印陰影偏移更困難,因爲它是CGSize結構,而不是內置類型。調試器不知道CGSize,因爲MobileSafari不包含調試信息。我們必須給調試器一個定義。這個可怕的命令的工作原理:

(lldb) expr -o -- typedef struct { float x; float y; } CGSize; (id)[NSValue valueWithCGSize:(CGSize)[(id)0x1096e800 shadowOffset]] 
$11 = 0x08063e60 NSSize: {0, 1} 
+0

神聖的信息蝙蝠俠!很好地完成搶劫。同樣有效(也許...對於我的用途),遠不及技術:iphone查看源代碼書籤http://snoopy.allmarkedup.com/ – albert 2013-03-13 08:06:03

+0

顯示標題,URL字段和搜索字段的工具欄不是頁面源代碼,所以查看源書籤不會有幫助。 – 2013-03-13 08:17:20

+0

哈哈。從來沒有注意到......所以讓我拿回聲明的第二部分,但我仍然是第一部分。很好深入 – albert 2013-03-13 08:29:09

2

這是系統的默認字體Helvetica-Neue。在UIKit中,您可以使用[UIFont systemFontOfSize:...][UIFont boldSystemFontOfSize:...]。 「雕刻」效果是一個簡單的白色陰影。這是通過和shadowOffset屬性UILabel實現的。