征集国内国外比较经典的手机...- 定做xcode开发环境

当前位置: 编程技术>移动开发

本页文章导读:

▪征集国内国外比较经典的手机网站收集国内国外比较经典的手机网站把平常见到的一些好的手机网站收集在这，以后做的时候就去扒代码就可以了。（未完待续）因为这些手机版的网站都要侦测访问浏览器的UA，所以PC浏览.........

▪ 定做xcode开发环境定制xcode开发环境一、下载安装Xcode4 因为我需要让Xcode4和老版本共存，在安装Xcode4时选择其他安装路径，安装成功后在xcode4安装目录下改名Xcode.app为Xcode4.app以区分老版本，随便找一个xcode.........

▪ 标签施用标签应用实现一个功能（根据下拉框的改变页面格式而改变）前台：<%@ page language="java" pageEncoding="UTF-8"%><%@ taglib prefix="s" uri="/struts-tags"%><html> <head> <script language="javascript"&.........

[1]征集国内国外比较经典的手机网站

来源: 互联网发布时间: 2014-02-18

收集国内国外比较经典的手机网站

把平常见到的一些好的手机网站收集在这，以后做的时候就去扒代码就可以了。（未完待续）

因为这些手机版的网站都要侦测访问浏览器的UA，所以PC浏览器访问大多会跳到对应的PC版本。要用PC浏览器访问，请参照我的另外一篇文章，《使用Chrome浏览器查看淘宝的IPhone版网站》http://panduozhi.iteye.com/blog/1205573 修改浏览器的UA访问。

1 中国开发人员的骄傲，淘宝开发团队的淘宝触屏版

http://m.taobao.com

2 网易 IPhone 版

http://3g.163.com/m/iphone/

android版

http://3g.163.com/m/android/

3 手机腾讯腾讯网触屏版

http://3g.qq.com

腾讯app

http://a.app.qq.com

4 思科手机版

http://www.cisco.com/web/mobile/index.html

思科中国

http://www.cisco.com/web/mobile/global/cn/index.html

5 华为手机版

http://m.huawei.com/cnmobile/

6 街旁国内最早用web实现的移动APP

http://jiepang.com/m/

5 IBM手机版

http://m.ibm.com/us/en/

6 https://m.allstate.com/home.aspx

7 http://m.mobile.wix.com/

8 http://1mcreative.com/

这个是个创意网站，这个网站必要要用Android 或者是IPhone访问才能出移动版的效果。

9 http://www.event2mobile.com/Iw2011/Home.aspx

10 http://www.event2mobile.com/mobile/iphone/

11 http://m.adiq.mobi/1/(S(3ieq3i55lnrbpc45y1vtbs55))/51910/k/14B7D183/Default.aspx?qspath=&utm_source=sem-rams-13mobi-red&utm_medium=rams-13mobi-red-050310&utm_campaign=rams-13mobi-red-210?2473PSEM

12 http://m.whatcar.com/

13 http://abcnews.go.com/m/

14 海尔中国

http://m.haier.com/cn/

15 http://www.acadie.com/mobile/

16 http://m.desjardins.com/fr/

17 http://accor.iogw.com/acco/

18 http://mobile.accva.org/

19 http://www.adidas.com（用移动设备访问，修改UA无效）

20 http://mobile.airfrance.com/index.htm

21 http://mobile.virgilio.it/micro/canali/home/index.jsp?host=www.virgilio.it

22 https://m.allstate.com/home.aspx 好像要FQ才能访问

23 http://www.amig.com/mobi/home.html

24 http://arcticru.mobi/

25 http://arstechnica.com

26 http://aspenrecreation.mobi/

27 http://www.assemblee.mobi/

28 http://m.chevrolet.com/html5/index.html 雪福来手机版，很漂亮

29 http://m.movies.com/

30 http://mobile.infiniti.eu/ 英菲尼迪

31 http://m.booking.com/hotel/fr/axe.zh.html

32 http://d.hatena.ne.jp/touch 是个日本的网站

http://b.hatena.ne.jp/

33 http://www.babcock.co.uk/mobile/

34 这个是宝马的网站

http://m.bmw.com/bmwmobi/sx851fa216xs/en/1_0_main.cml?country_id=1

35 http://m.digg.com/news/technology/download_fastest_qq_mobile_web_browser_free_mobile127_free_download_mobile_java_symbian_games_applications_antivirus_tones_free

36 http://m.urbandictionary.com

37 http://boilerspares.mobi (这个网站报500 不知道什么时候能恢复)

38 http://www.bowmangilfillan.mobi/

39 http://www.sony.com/index.php 索尼的官网，很漂亮

40 http://www.briggsauto.mobi

41 http://mobile.businessweek.com/

42 http://mobile.bloomberg.com/

43 http://www.carazoo.mobi/

44 http://cartoonnetwork.mobi/

45 http://m.cartoonnetworkla.com/

46 http://i.allslotscasino.com

47 http://m.charter.com/views/new.aspx

48 https://m.chase.com/

49 http://m.nbc.com

50 http://m.imdb.com/title/tt0103978/

51 http://classiccinemas.mobi/

52 http://www.clearwater.ca/m/en/home/default.aspx

53 http://coosh.com/iphone/

54 http://m.espncricinfo.com/

55 http://www.timessquare.com.hk/mobile/ 香港时代广场

56 https://mobile.united.com/?Mobile=1&AspxAutoDetectCookieSupport=1

57 http://simplenoteapp.com/

58 http://m.dell.com 戴尔的，大公司，做的不错

59 http://demo.transpara.com/cruise/groups.aspx

visual kpi 手机上的BI

60 https://m.ing-diba.de/web-app/start

61 http://dide.mobi/

62 http://www.scribd.com/mobile/documents/51595473

63 http://my.opera.com/shiftyzphone/blog/show.dml/1992472

CSS写的很NB，可以自动适应PC和手机

64 http://m.digitaljournal.com/

65 http://m.tesco.com/mt/www.tesco.com

http://m.tesco.com/mt/direct.tesco.com/

66 http://m.state.gov/

67 http://m.discovery.com/

68 http://m.aol.com/portal/home?tab=Today&icid=tb_today

69 http://m.youtube.com

70 http://freeapps4-android.blogspot.com/?m=1

71 http://www.apps4android.org/

72 http://www.dorseyalston.mobi/iphone/#home

73 http://m.yp.com/?link_type_id=1677&disable_takeover_ad=true&partnerid=OM-00

74 http://dominioncu.mobi

75 http://m.sonyericsson.com/mobile/dotcom/splash?intercept=%2Fmobile%2Fdotcom%2Fhome

索爱的网站，做的不怎么样

76 http://m.dreamteamfc.com/

好像是个打折促销网站

77 http://www.tipb.com/

78 http://m.wired.com/gadgetlab/2010/06/gadget-lab-podcast-2/

79 http://dublinbikes.mobi/

80 http://e2012.mobi/

81 http://iphone.eamobile.com/home

83 http://m.espn.go.com/wireless/?wjb

84 http://sports.opera.com/

85 http://flitsers.mobi/

86 http://www.fonet.co.jp/

87 http://fonet.mobi/SNDefault.aspx

88 http://m.microsoft.com/family/en-us/default.mspx

微软的，用IE访问。要是用ie9估计效果更炫。

89 http://www.playboy.mobi/

花花公子

[2] 定做xcode开发环境

来源: 互联网发布时间: 2014-02-18

定制xcode开发环境

一、下载安装Xcode4

因为我需要让Xcode4和老版本共存，在安装Xcode4时选择其他安装路径，安装成功后在xcode4安装目录下改名Xcode.app为Xcode4.app以区分老版本，随便找一个xcodeproj文件，右键Get Info,在Open with里面选择Xcode4并点击Change All以设置文件类型关联。

二、熟悉界面

打开Xcode,大概浏览下界面的变化，到处乱点下看是啥东西，把Xcode菜单浏览一遍。

有空的话可以看看帮助文档里面关于源代码管理的部分。

试着建一个HelloWorld项目，并操作下IB链接。

三、配置代码编辑器的字体和颜色(Fonts & Colors)

我比较喜欢用黑色背景写代码，眼睛比较舒服。以前老的ColorTheme文件用不了，ColorTheme的存放路径变了，旧的在~/Library/Application Support/Xcode/Color Themes，Xcode4的在~/Library/Developer/Xcode/UserData/FontAndColorThemes下，而且文件格式也变了，但是大部分项目都是一样的。可以重新配置颜色字体，也可以对照着手动改配置文件。

Google了一下，aktowns已经写了一个转换脚本：https://gist.github.com/793006

使用方法非常简单：

1.下载dvtcolorconvert.rb,假如你放在桌面，把旧的Theme文件也复制到桌面

//dvtcolorconvert.rb

expand source

2.安装"plist“ ruby gem: $sudo gem install plist

3.执行转化: $ruby dvtcolorconvert.rb ElfDart.xccolortheme 就在桌面生成ElfDart.xccolortheme了，放到~/Library/Developer/Xcode/UserData/FontAndColorThemes下重启Xcode4，在Preferences中的Fonts & Colors启用主题。

我转换后的主题文件：

如果你喜欢的话可以在这里下载到：http://code.google.com/p/elf-ios-resource/downloads/detail?name=ElfDark.dvtcolortheme

https://github.com/Sundae/Cocoa-Utilities

四、Preferences/Text Editing

五、快捷键

打开Key Bindings Preferences,复制Default并起名。

键盘对照：实体键盘左下角为Ctrl，从左到右依次为ctrl,option,cmd(command,苹果花键),从下到上依次为ctrl,shift,CapsLock,tab.

列表格式：功能名称 (快捷键，如为手动修改则标记“修改”，否则为Xcode4默认）: 功能描述

Edit Menu:
Filter in Navigator (cmd+option+J):Xcode左下角的文件过滤(查找).
Filter in Library (cmd+option+L): 库过滤（查找），类似之前IB的Library(cmd+shift+L)
View Menu:
Project (cmd+1):切换到Xcode左边的导航区域(Navigator area)的项目组，类似与之前的Groups & Files.
Show Navigator (cmd+0):显示/隐藏导航区域

Standard (cmd+enter):如下图，切换到右上角的"Editor"里面的标准编辑器视图，右边的那两个依次为助手视图（用于分割编辑器）、版本视图（用于对照当前文件的版本变更）。

Show Debug Area (修改cmd+shift+R):显示/隐藏Xcode下面的Debug区域。Xcode4将之前的Debugger和Consoler合在了一起，默认快捷键是之前Debugger的快捷键(cmd+shift+Y),修改为之前比较常用的Consoled快捷键cmd+shift+R,方便呼出隐藏调试区域，R键也比Y键更容易按到。

Navigate Menu:

Reveal in Project Navigator (cmd+shift+J):在导航区域的项目组定位并选中当前正在编辑的文件。

Jump to Next Counterpart（ctrl+cmd+上箭头):跳到下一个相关文件，类似与之前的Switch To Header/Source File(cmd+option+上箭头),在头文件和实现文件之间切换。

Editor:

Show completions (Esc 或者 ctrl+space): 应该是最常用的一个功能，显示自动完成列表。

Re-Indent(修改cmd+F8):整理代码缩进(格式化代码风格)，对于喜欢8位Tab和代码整洁的我个人来说，这个功能很常用，在VC下落下的毛病，很难更改alt+F8的习惯了。

Comment Selection(cmd+/):块注释

Fold(cmd+option+左箭头):折叠当前区块，适应与方法、函数等带花括号的，/*花注释*/，@xx @end等。

Unfold(cmd+option+右箭头):展开当前区块（如果已折叠）。

Product Menu:

Run (cmd+R):直接运行。

Run (cmd+option+R):选项运行。

Stop (修改cmd+shift+enter)：停止运行，习惯自之前的Xcode。

Step Into (F7):单步跟进

Step Over (F6):单步跳过

Step Out (F8):单步跳出

Clear Console (cmd+K):清理控制台

Help Menu:

Quick Help for Selected Item(按住option键再左键单击，同xcode之前版本):快速帮助，在打开的窗口点右上角的文件夹图标可在帮助文档中查找，点.h图标可打开头文件。

Search Documentation for Selected Text(ctrl+option+cmd+/）:在帮助文档中搜索，以前的option+双击，这么长的组合键不建议记忆和使用，建议option+单击后在快速帮助里点进文档窗口。

Selection:

Move to beginning of document (cmd+上箭头):将光标移到本文档开始

Move to End of document (cmd + 下箭头): 将光标移到本文档末尾。

Text Key Binding:

對文字的操作大多和Mac OS X的慣用操作雷同，對Mac OS X字符操作快捷鍵比較熟悉的同學可以嘗試在編輯代碼時使用，也可參考我之前寫的<<深入瞭解Xcode>>。

KeyBindings文件保存在~/Library/Developer/Xcode/UserData/KeyBindings下，你可以直接下载使用上文提及的快捷键修改：

http://elf-ios-resource.googlecode.com/files/ElfKeyBinding.idekeybindings1.0.zip

https://github.com/Sundae/Cocoa-Utilities

六、离线文档

好像从Xcode3起就不提供离线文档了，apple在线文档慢的要死，让Xcode下载更要死...解决办法还是老样子：我再结合Xcode4说下：

1.打开Xcode4 Documentation Preferences，选择一个Library,点击下面的Info按钮查看信息，找到其中的Feed地址，如下图：

在浏览器中打开这个源，找最新版本的XAR下载(文件过大，如果Mac上没装下载工具建议到Windows下用迅雷下)。

下载到本地后用xar解压： sudo xar -xf 文档文件.xar

得到 “文档文件.docset"

然后将文件的所有者设为devdocs: sudo chown -R -P devdocs 文档文件.docset

确保XCODE4没有运行，把docset复制到/xcode4安装目录/Platforms/iPhoneOS.platform/Developer/Documentation/DocSets/ （可以从上图的Installed Location直接点进去）。

运行Xcode4，就可以离线浏览文档了。

七、Locations Preferences

Xcode4默认将所有项目、workspace的build,index,snapshots,archives等都放在了一个特定的目录，默认为~/Library/Developer/Xcode/DerivedData/

如果想让build目录放到项目目录下面的话，就在这里设置”Build Location"为"Place build products in locations specified by tagets"即可。其他Locations建议不要动。

八、本文更新

1.更改Xcode自带模板中的公司名称。2011-05-10

以前的Xcode将此信息存储与com.Apple.xcode配置中，新的Xcode4会从Mac OS X的Adress Book中读取此信息，要更改注释中公司名称，只需要打开Adress Book.app，更改当前登陆用户名的CompanyName即可。

2.如何使用自动插入关闭花括号} 2011-05-10

在Xcode Preferences | Text Editing中勾选Automatically insert closing "}"，在代码中输入{,并没有立即插入}，这时只需敲一个回车就插入右花括号了。适用与方法、if-else、for等等。

3.代码功能注释。 2011-05-10

// MARK: ***(标签，功能同#pragma mark ***),
// TODO: ***
// FIXME: ***
// !!!: ***
// ???: ***

[3] 标签施用

来源: 互联网发布时间: 2014-02-18

标签应用

实现一个功能（根据下拉框的改变页面格式而改变）

前台：

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>

<script language="javascript">

function getValue()
{

$.ajax( {
    cache : false,
    url : "emsAction!edit.action",
    async : false,
    data: param,
    type : 'post',
    dataType : 'json',
       success : function(data) {

       } });
document.getElementById("system_ems_addNT2000_from").submit();

}

}
</script>
</head>
<body>
<form action="" id="system_ems_addNT2000_from" method="post">

<s:set name="showAccessDevice" value="isOrShowAccessDevice"></s:set>
<input type="hidden" id="enableAccess" value="<s:property value='isNoOrOff'/>">
             <s:if test="#showAccessDevice == 'true'">

       内容

       </table>
       </s:if>
       <s:else></s:else>


</form>
</body>

</html>

后台action

public String edit()
    {

            if(null == strU2000Req)
            {
                strU2000Req = U2000V1R1;
            }

            HttpServletRequest requestEms = ServletActionContext.getRequest();
            if(ISU2000.equals(requestEms.getAttribute("U2000ems"))
                    && (!U2000V1R1.equals(strU2000Req)))
            {
                isOrShowEms = "true";
                isOrShowAccessDevice = "true";
                isNoOrOff="on";
            }
            else{
                isOrShowEms = "false";
                isOrShowAccessDevice = "false";
            }

        return returnValue;
    }

xml配置：

<action name="emsAction" >
      <result name="edit">emsAdd.jsp</result>
</action>