请问这张手机壁纸原图在哪可以找到，我以前实在APP优美图上下载的。现在找不到了。_百度知道
请问这张手机壁纸原图在哪可以找到，我以前实在APP优美图上下载的。现在找不到了。
提问者采纳
提问者评价
太给力了，你的回答完美地解决了我的问题，非常感谢！
其他类似问题
为您推荐：
手机壁纸的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁热度:2205℃
&iOS允许网站开发者像NativeApp一样在iOS设备的主屏幕为其网站添加一个启动Icon，这个代表着网站的Icon在苹果官方开发者文档里被称为&&，它的作用类似于桌面浏览器的书签，用户通过点击Icon能直接快速打开这个url的网站。&为了给某个网页或者整个网站指定一个漂亮的桌面启动图标，iOS Safari提供了两个私有接口： apple-touch-icon 和 apple-touch-icon-precomposed。/ Apple-touch-icon设置方法通过在页面HTML的头部添加 &link& 标签&link rel=&apple-touch-icon&
rel='nofollow' href=&touch-icon-iphone.png& /&&link rel=&apple-touch-icon-precomposed&
rel='nofollow' href=&touch-icon-precomposed.png& /&这两个标签都是用来指定桌面图标的，但两者有个细微的区别，&通过 apple-touch-icon 添加的图标是会带iOS图标统一的高光效果&通过 apple-touch-icon-precomposed 添加的图标则是设计原图，不带高光渐变效果的。&图片大小为了给不同的iOS设备指定其启动图标，在中提到，推荐以下四种尺寸：&相应地，要指定不同分辨率的设备的图标，可以添加相应的 &link& 标签序列，官方建议的顺序是这样的：&link rel=&apple-touch-icon&
rel='nofollow' href=&touch-icon-iphone.png& /&&link rel=&apple-touch-icon& sizes=&72x72&
rel='nofollow' href=&touch-icon-ipad.png& /&&link rel=&apple-touch-icon& sizes=&114x114&
rel='nofollow' href=&touch-icon-iphone-retina.png& /&&link rel=&apple-touch-icon& sizes=&144x144&
rel='nofollow' href=&touch-icon-ipad-retina.png& /&通过 &link& 的 &sizes& 属性可以特别地声明这个图标是为哪种分辨率设备准备的，如果没有指明 &sizes& 属性的大小，则默认值为57&57。&如果所有的 &link& 标签序列中都没有符合官方推荐的最适尺寸的话，那么iOS会从所有比推荐的最适尺寸大的图标中选择尺寸最小的那一个，如果所有的 &link& 标签序列中的图标都比当前推荐的最适尺寸小的话，iOS会从这些图片中自动选择最大的那个来作为启动图标。&特别地，如果整个页面都没有指定任何的 apple-touch-icon 的图标的话，iOS则会自动去网站根目录寻找有 apple-touch-icon 和 apple-touch-icon-precomposed 前缀的图标文件。&图片格式用于设置成为桌面启动图标的图片文件，可以是以下三种类别&纯静态的图片图片的路径可以绝对路径、相对于当前页面的相对路径以及相对于网站根目录的路径。目前发现不仅支持png格式的，jpg和gif也在支持的列表中，如：&但如果是动态gif图片只会截取一帧（第一帧？）来显示&包含图片文件头的HTTP REQUEST可以不是一个静态的文件，而是由服务器返回的带有图片文件比如 image/png 文件头的请求。就像我们常用的图片&占位图工具
的图片：这个的优点是可以根据前端需要动态地返回不同的图片，缺点是，每次新的图片都需要请求服务器，从服务器下载。&base64格式的图片这是一个包含png文件头的长字符串，它可以是一张从静态图片转换的，也可以是从服务器返回的，还可以是canvas生成的。& data:image/base64,(xxxxxx)/ 更新桌面启动图标不完全动态的桌面图标首先需要声明的是，webapp不能像nativeapp一样后台推送，在没打开前是不运行的，而webapp里所有的js逻辑都只有在页面打开状态下才能运行，所以动态修改桌面启动图标的方法只有在每次点开后才能生效。&基于此，动态桌面图标的使用并不适合比如天气、新闻、twitter等即时性很高、后台主动推送的场景，仅仅适用于用户每次手动打开后便更新内容，更新完之后的icon能作为一个状态的标识供用户参考，比如任务管理工具、记帐软件等。&选择canvas作为动态图片来源使用base64的优点是，可以选择由canvas来动态生成，并且不需要有网络请求，直接在本地完成。&而且我们的场景非常特殊：仅iOS的Safari，所以完全可以不用考虑浏览器的支持度。var canvas = document.createElement('canvas');canvas.width = 144;canvas.height = 144;var context = canvas.getContext(&2d&);var baseImg = canvas.toDataURL();&&&通过js动态创建和修改指定桌面图标的 &link& 标签桌面图标在页面里的声明仅仅存在 &link& 中，理论上我们只要动态修改 &link& 标签的图片地址就能实现动态的图标。首次从safari里将页面添加主屏幕时，iOS会检查页面里的 &link& 标签，读取图片的地址然后生成启动图标。并且这个标签只要在用户执行这步操作之前就有的，即不管是页面模板里静态本来存在的，还是通过js动态创建的，该方法一样生效。&页面中的link是默认存在的&通过点击触发生成的link，仍然可以生成到桌面我们期望的场景是，用户在webapp里进行了一项操作，这个操作更新了整个webapp的状态，我们希望这个状态的改变能在桌面的启动图标里体现出来。&拿task工具来举例，用户在点开之前，桌面图标上显现任务队列里还有3个任务，当添加了一个新的任务之后，桌面图标上的任务数字应该变成4。当所有的任务都被打勾完成之后，桌面图标也应该反馈这样的状态，比如显示0条任务或者其它鼓励类的图标。&所以理论上，我们要做的就是在每次操作之后，通过js在一个canvas中绘出新的图案，再将这个canvas转化成base64的图片，动态创建到一个 &link& 标签添加至head就行了。&但事实上并不是这样。&webapp的桌面图标渲染当在webapp里创建了一个 &link& 再退出后，发现桌面的启动图标并没有像我们期望的那样被更新。&经过死乞白赖的测试后发现，在webapp里进行添加和修改的 &link& 标签并不能被iOS读取和渲染到，虽然 &link& 标签在页面里的确存在着，但并不会被更新到桌面。因为webapp里的图标是在body.onload的时候被渲染的。&是的，尽管这样听上去很不科学，但是他还是发生了。下面的两个demo的功能都把webapp打开的次数画进canvas，然后生成到桌面图标里，只不过第一个demo的添加方法是在 body.onload 时触发，第二个是在用户点击操作时才触发。&body.onload 自动触发本页面将在每次body.onload事件后读出打开的次数，生成下面的图片，并把这个图片添加至head。先添加页面至主屏幕，在webapp模式下打开再退出检查桌面启动图标。图标上的数字标识出页面被打开的次数，在每次打开再退出后图标上的数字将加1。&通过点击操作添加link本页面在载入的时页面头部并没有link标签，通过点击操作读出打开的次数，生成下面的图片，并把这个图片添加至head。先添加页面至主屏幕，在webapp模式下打开再退出检查桌面启动图标。在每次打开再退出后图标上的数字始终没有被修改。既然已知图标是在 body.onload 时被渲染的，那么我们需要在每次操作之后都要进行一次reload操作，并且在body.onload的时候再生成图片添加 &link& 标签。为了保证在每次页面重载的时候状态不丢失，需要把状态保存起来，考虑到webapp特殊的使用场景和环境，使用LocalStorage就非常方便。&最终的逻辑所以，更新桌面图标的方法都应该绑定在 body.onload 上，整个流程看上去应该这个样子的：1.页面载入（包括从桌面打开页面时），读取LocalStorage，根据LocalStorage转换成状态，通过canvas生成体现状态的图片并转换成base64格式，创建 &link& 添加到 &head& 里2.在打开的页面里进行操作，把操作完的状态在到LocalStorage中，然后通过 location.reload() 重新载入一次页面，执行第一步。&基本上所有与更新Icon的关键逻辑都在 body.onload 时执行完毕，其它的中间态都只是对状态的更新。/ Tick-Task这里有一个简单的DEMO，以webapp形式实现的任务工具。主要演示了上面提到的更新桌面启动图标的逻辑。&http://av.cm/tick/&第一次添加到主屏幕时显示的是从Safari里默认的初始图片（这里是一个灯泡），当更新了任务列表之后，桌面上的启动图标将会显示任务列表里未完成的任务，除此之外：&当在safari中打开时，根据 navigation.standalone 判断当前网页是否以webapp运行。如果不是则显示添加到主屏幕的提示。&添加任务或者完成任务会将条目内容存到LocalStorage，并且刷新页面，根据所剩未完成条目数生成图片添加到link。&使用Manifest保存全部静态资源，保证每次页面重载时的体验，并且在离线状态下仍然可用。&使用开源的页面摇晃检测js库 & ，完成条目后摇晃手机可以清除已完成任务，并播放声音。&你还可以在github上查看，并且如果愿意的话提出改进。Try and enjoy it./ 最后webapp因为权限的原因，尚不能做到：&webapp不能像nativeapp一样后台push，在没打开前是不运行的，而webapp里所有的js逻辑都只有在页面处理打开状态下才能运行，所以动态修改桌面启动图标的方法只有在每次点开后才能生效。&目前尚未找到像更改桌面图标一样动态地更改标题的方法。&未找到给webapp添加气泡的方法。&但是，Apple在iOS设备的主屏幕上为webapp开了一扇窗户，我们也许可以通过这扇窗为用户带来特别的体验。&来源：
开发者交流群：3467414
(加群请输入:来自苹果i派党)
开发者服务iOS上优秀的壁纸app有哪些？
iOS上优秀的壁纸app有哪些？请给出理由。
按投票排序
重新梳理了一下，按照风格重新回答1、复古文艺范儿“Motif 米田”这个应用是偏复古的文艺范儿，墨绿色的主色调（也可以改），体会起来有点儿像“祖母的厨房”。每隔几天会更新几张，一般都是简单图形或纹路的重复，配色饱和度比较低，有时还会搭配几句小诗。点击页面下方的缝纫机按钮，可以自己DIY，系统已经内置了图案重复的样式，只要戳戳点点，调整一下距离就可以啦。2、日系小清新“拾光”每次打开这个App都让我有一种落英缤纷的赶脚，整体的感受是非常小清新，有一点日式的胶片质感。偶尔也会混进一些不太一样的，比如北欧风格的美食摄影、黑白大片等等。每天会有一个主题，搭配日历或文案，可以直接保存，也可以点击图片放大，只下载图片。（ps：这个应用是搜狗做的，同厂还有个“搜狗壁纸”大幅广告帮忙导流，没什么必要下载。）3、艺术先锋的集合“Kuvva wallpapers”虽然这个应用的设计风格我不是很喜欢（拟物化，整体感觉很笨重），但是不得不说里面的壁纸都非常艺术范儿。每一张都来自艺术大师，抽象派的比较多，很个性~4、萌系壁纸经典应用“Line Deco”：壁纸|萌萌哒|line的衍生|有iCon和小部件等这个应用算是比较经典的了，line的衍生，所以壁纸风格偏萌系。还有一些主题iCon合集什么的，用起来需要跳转感觉并没有太好，反倒是可以自己把图标截取下来放到其他地方，比如通知中心的启动器~5、直接从应用里设置墙纸“动态壁纸”：壁纸|不用保存在相机里即可更换|风格不限|混排图片就是大杂烩，但是支持从应用里直接设置墙纸，不出现在相册里，很少见有木有！还有，虽然叫动态壁纸，但是并没有看到能动的……有时刷着刷着会出现重复的，不晓得是不是我手机的问题，摊手。6、以动漫人物划分主题“ACG壁纸”：壁纸|二次元|横向|清晰度一般|数量不多提起二次元，很多人的第一反应都是动漫。这个App以人物角色划分主题，横向滑动屏幕查看，如果你有特别喜欢的动漫形象，可以来这里看看。提供的壁纸一般都是横向的，下载后需要移动确定显示的区域，Plus可能不会特别清楚。那个，有广告（其实很多都有( ????` )）。7、每天更新20张“ACG Fun”：壁纸|二次元|按日期更新|主题不限这个二次元壁纸是每天更新20来张，还有热门和随机之类的可以转着看看，不限主题，是混排的。显示不出来的时候会平铺浅颜色的色块，是我喜欢的类型！壁纸一般都是长方形的，可以直接保存下来用。8、游戏玩家专属“游戏壁纸”：壁纸|游戏|划分主题|横向|根据截图猜游戏游戏玩家的专属！其中的壁纸都是按照游戏名字来划分的，比如lol什么的，从外面看不是很清楚，但是点进去还可以。基本都是横向的，可以在App调整显示的范围并裁剪。另外还有根据截图猜游戏的游戏（好绕），有难易两个等级，喜欢玩游戏的不妨来挑战一下~9、推荐给电影控的“电影海报”：壁纸|分地域展示电影海报|显示简介|可以跳转到豆瓣的相应页面专门推荐给电影控们，App里根据地域划分了类别，依次展示各个电影的海报，可以下载到相册里做壁纸。能看到电影的简介，或跳转到豆瓣电影的相应页面，淘淘好片子。虽然不是专门做壁纸的，但是除了有的海报在手机上会拉伸一点之外，并不会影响效果哦。10、让世界成为你的背景“Topia”：壁纸|地理爱好者|俯瞰视角|加载速度慢这个壁纸很cool，里面有世界各地的卫星图，俯瞰的视角很壮观又很别致。如果你是地理爱好者，并且能忍受比较慢的加载速度（慢的程度要看你的网速），可以尝试哈。11、蝉游记团队出品“蝉游画报”:壁纸|游记攻略|每天定时更新|文艺|旅行爱好者蝉小队出品的App，每天会有一张壁纸和几篇游记，爱好旅行的朋友们可以翻翻顺手下载几张。不过我总感觉有重复的，用得频率一般，想出去看看的时候会先来看看这里。
Kuvva ?其实最赞的是Kuvva现在有Mac版了...Backdrops ?这个是V2EX之前在iPhone板有推荐过的
更新，少数派出品的一款Unsplash源的壁纸应用，壁纸均由人工挑选，质量优秀，墙裂推荐。Cuto Wallpaper 作者是 Tao Zhang---首先推荐Zedge支持IOS,Android,WP平台此外还有：Deko — 美丽独特的墙纸图案 作者是 Aero DekoKuvva wallpapers 作者是 Present Plus BV(现在不在中区提供)无限壁纸 作者是 vision core corp.(现在不在中区提供)Splasher, 免费无版权壁纸网站Unsplash的第三方客户端，可以看到各种适合作为壁纸的摄影作品。Unsplash网站（无官方客户端）WLPPR卫星拍摄的星球图片，比较适合作为锁屏，有内购。也可以到它的网站直接下载图片每日壁纸杂志，四叶草出品，必属精品，每日会更新数量不等的壁纸。
InterfaceLIFT Wallpapers, free hd wallpaper, walls 作者是 L-bow Grease, LLC
蝉游画报不错
line deco，下载n个app试用得出，图片来源有500px，flickr，Instagram，tumblr等知名图片摄影网站，也有其他我不知道的图片网站，感觉都是国外，比起国内的那些渣渣软件、渣渣图片还外加广告，这款软件真是甩开他们好几条街，而且是免费的！！！另外，还能改iphone图标，但是需要网页跳转一下，个人不喜欢。
超高清壁纸，在ipad上用的是这个，感觉滑动翻页的效果在ipad上使用比较方便爱壁纸，在mac上用的是这个，不记得下载原因了，使用久了，用着感觉还行就这么用着了
我是俗人：IOS7壁纸+
爱壁纸HD iPhone 版：爱壁纸HD iPad 版：原因无他，自己团队做的，呵呵。
Pinterest+BGMaker，不解释
【每日壁纸杂志 】选取的壁纸大多是杂志图或广告图，多数都很小众但很好看缺点：有的图片是广告推送，但整个页面还是很干净的，没有闪烁的广告按钮
自己答一个吧，Pimp Your Screen 很不错，更新慢但是很精，难得的是iPad版能提供Retina分辨率的高清壁纸，用起来相当舒服~
(1)爱壁纸HD----iPad(2)热门壁纸-----iPhone
看了一圈好像没有人提到nextday app虽然是个日历软件 萌萌哒牛奶盒图标 但每天一张图片 一句话 一首歌 感觉都很不错。
已有帐号？
无法登录？
社交帐号登录热门排序 |
Win7桌面不放任何图标，除了回收站跟临时放置的文件，我把所有的快捷方式都放到一个文件夹里面，然后将该文件夹锁定到任务栏
Win7桌面不放任何图标，除了回收站跟临时放置的文件，我把所有的快捷方式都放到一个文件夹里面，然后将该文件夹锁定到任务栏
rainmeter挺好的&br&我的桌面- -，赞多了我把这个资源包分享了~&img src=&/a0cddfdaa52d_b.png& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&/a0cddfdaa52d_r.png&&
rainmeter挺好的我的桌面- -，赞多了我把这个资源包分享了~
没有人说水滴(Rainmeter)吗&br&&br&你可以搞成这样&br&&img data-rawheight=&311& data-rawwidth=&500& src=&/14b76856cd76bde09aba595692cbe7bf_b.jpg& class=&origin_image zh-lightbox-thumb& width=&500& data-original=&/14b76856cd76bde09aba595692cbe7bf_r.jpg&&&a class=& wrap external& href=&///?target=http%3A//customize.org/rainmeter/skins/87801& target=&_blank& rel=&nofollow noreferrer&&Rainmeter Skins&i class=&icon-external&&&/i&&/a&&br&&br&这样&img data-rawheight=&720& data-rawwidth=&1280& src=&/780ae73b7eb2e13fead89d6a7ed27d62_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/780ae73b7eb2e13fead89d6a7ed27d62_r.jpg&&&a class=& wrap external& href=&///?target=http%3A///p/& target=&_blank& rel=&nofollow noreferrer&&Rainmeter NERV UI 2.5.2 中文教程_eva吧&i class=&icon-external&&&/i&&/a&&br&&br&&b&这些数据都是实时的 &/b&&br&rainmeter本来就是一个监控软件&br&能且不仅能做到&br&显示天气 显示邮件 显示RSS订阅 显示各个盘空间(虽然我不知道有什么意义..)温度 显示时间就当然了 电量好像也可以 集成播放器 启动程序也行 &br&嗯而且他是开源的&br&&a class=& wrap external& href=&///?target=http%3A///cms/& target=&_blank& rel=&nofollow noreferrer&&欢迎光临 Rainmeter&i class=&icon-external&&&/i&&/a&
&--官网&br&&a href=&///?target=http%3A///f%3Fkw%3Drainmeter& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&rainmeter吧_百度贴吧&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Rainmeter on deviantART&i class=&icon-external&&&/i&&/a&
没有人说水滴(Rainmeter)吗你可以搞成这样这样这些数据都是实时的 rainmeter本来就是一个监控软件能且不仅能做到显示天气 显示邮件 显示RSS订阅 显示各个盘空间(虽然我不知道有什么意义..)温度 显示…
谢邀&br&推荐一个&br&&a href=&///?target=https%3A///webstore/detail/oald-7-%25E7%E6%25B4%25A5%25E9%25AB%%%25E7%25AC%25AC%25E4%25B8%%/nmdnfeohnddmdmknpjbmnknkmkpcehhn/related& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Chrome Web Store&i class=&icon-external&&&/i&&/a&
Oald 7 牛津高阶第七版&br&&br&&img src=&/b1e868d732c423067dffa97b_b.jpg& data-rawwidth=&266& data-rawheight=&273& class=&content_image& width=&266&&&br&&a data-hash=&275ab39ce631d8e56fe039d756f11573& href=&///people/275ab39ce631d8e56fe039d756f11573& class=&member_mention& data-editable=&true& data-title=&@余涅& data-tip=&p$b$275ab39ce631d8e56fe039d756f11573&&@余涅&/a& ，确实是一个好应用，当做本地词典使用，很赞。&br&总的来说，依托互联网搜索的google还是主打在线应用，有google搜索的地方就可以使用google提供的网络服务，谈到桌面应用本地化的确实不多，离线的时候其他的几乎是白搭，连google keep没网络支持离线也还是会偶尔提示用户登录的，所以个人平时几乎不使用链接类的应用,會直接打開&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&，而不是選擇從盒子打開。&br&&img src=&/dc16bff324bc34480a34a_b.jpg& data-rawwidth=&964& data-rawheight=&471& class=&origin_image zh-lightbox-thumb& width=&964& data-original=&/dc16bff324bc34480a34a_r.jpg&&&br&这本词典并不是因为该应用产生于chrome才显的有范，&br&换做其他平台浏览器插件支持也是一个好工具，&br&因为很多细节做得真的的是其他本地单词查询软件没有的。&br&&br&但是随着chrome的桌面通知服务以及chrome后台开启，感觉彻底帮助该应用提升了一个档次，&br&不管你是否真正使用chrome依然可以有单词记忆提示。&br&&br&废话不多说，上图&br&记得之前第一次使用看到默认的字体，直接觉得不管好不好用，看着舒服我也要把这保留下来、&br&&img src=&/e141ccc5f2a29f0db92298eac0fd8ee6_b.jpg& data-rawwidth=&1367& data-rawheight=&766& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&/e141ccc5f2a29f0db92298eac0fd8ee6_r.jpg&&&br&如果只是简简单单被外表所吸引，那我绝对不会推荐这款应用给大家，&br&以为改应用的好用功能实现了很多本地记忆单词软件做的不是很完善的定时单词复习功能，&br&如下图。&br&&img src=&/9a76ba1e41e78b8f7f768_b.jpg& data-rawwidth=&1367& data-rawheight=&766& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&/9a76ba1e41e78b8f7f768_r.jpg&&这里是设置页面，&br&当然对我我这种学生党来说记忆单词是很有必要的，&br&里面可以设置记忆的单词，不多，但是基本满足需求，可以设置多久时间弹出一次复习提醒，&br&特意把时间设置为1分钟才出现上面的一张图片提示的。&br&&img src=&/d285f596d20faa3a02c0ccb4ba77990d_b.jpg& data-rawwidth=&1367& data-rawheight=&766& class=&origin_image zh-lightbox-thumb& width=&1367& data-original=&/d285f596d20faa3a02c0ccb4ba77990d_r.jpg&&&br&&br&以上&br&++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++&br&++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++&br&&br&补充，在另外一个我回答的问题&a href=&/question//answer/& class=&internal&&有哪些少为人知却非常有意思、好用的 Chrome 扩展？&/a&中没有提及这个插件，为藏拙，因为这个插件并不是适合大多数知友，有本身应用的局限性。&br&&br&根据LZ定义的应用，我觉得拿到出手的之有 这个 和gooooooooooogle keeeeeeeeeeeeeep
谢邀推荐一个 Oald 7 牛津高阶第七版 ，确实是一个好应用，当做本地词典使用，很赞。总的来说，依托互联网搜索的google还是主打在线应用，有google搜索的地方就可以使用google提供的网络服务，谈到桌面应用本地化的确实不多，离线的时…
我来说一下我们团队做的一款吧~&br&Polarr 是一个比较用户界面友好的修图工具。&br&&br&&img src=&/23a25b7c7eb37e01d1b3d_b.jpg& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/23a25b7c7eb37e01d1b3d_r.jpg&&&img src=&/47df63d90d5d2d926a2bb9_b.jpg& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/47df63d90d5d2d926a2bb9_r.jpg&&&img src=&/b1239afff33599f2adb607fd75e99da1_b.jpg& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/b1239afff33599f2adb607fd75e99da1_r.jpg&&&img src=&/0ca3a201ae9b5ed269a48_b.jpg& data-rawwidth=&1280& data-rawheight=&800& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/0ca3a201ae9b5ed269a48_r.jpg&&&img src=&/31a262e60f65d990b770ce_b.jpg& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/31a262e60f65d990b770ce_r.jpg&&&br&&b&&a href=&///?target=https%3A///webstore/detail/polarr-photo-editor/djonnbgfieijldcieafgjcnhmpcfpmgg& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/polarr-photo-editor/djonnbgfieijldcieafgjcnhmpcfpmgg&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&br&绝对不是上面某位同学说的网页直接拉过来~&br&因为我们网页版还真不太一样~
我来说一下我们团队做的一款吧~Polarr 是一个比较用户界面友好的修图工具。绝对不是上面某位同学说的网页直接拉过来~因为我们网页版还真不太一样~
关注Chrome桌面应用好久了，分享一下：&br&&img src=&/d1e6f43f8dae2_b.jpg& data-rawwidth=&400& data-rawheight=&508& class=&content_image& width=&400&&&br&目录：&br&1、&b&Google Keep &/b&记事本应用&br&2、&b&Any.Do&/b& GTD应用&br&3、&b&Sunrise Calendar&/b& 日历应用&br&4、豆瓣电台&br&5、&b&Gliffy &/b&流程图制作&br&6、&b&Timer &/b&时间工具&br&7、&b&Calculator &/b&计算器应用&br&8、&b&Ruler &/b&屏幕上的尺子&br&9、&b&读书笔记&/b& 同步豆瓣的读书笔记&br&10、&b&Mado &/b&实时显示html&br&11、&b&思维简图&/b& 思维导图类的应用&br&12、&b&Calendar clock&/b& 日历时钟应用&br&13、&b&4D Currency Converter&/b&&br&14、&b&知乎日报 &/b&&br&&br&15、&b&Doubled &/b&双重曝光图片制作&br&&br&16，&b&海运宝&/b& 快递查询&br&&br&以下桌面应用排名分先后：&br&1、&b&Google Keep &/b&记事本应用&br&每天都会使用的桌面版应用，和手机上的Google Keep同步，有什么想法马上记下来，随时随地有时候当做GTD使用，来列备忘事项。功能简单、实用，每天必用的应用。&br&&a href=&///?target=https%3A///webstore/detail/hmjkmjkepdijhoojdojkdfohbdgmmhki%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/hmjkmjkepdijhoojdojkdfohbdgmmhki?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/5da06be1e1a6a302dc2db4_b.jpg& data-rawwidth=&360& data-rawheight=&590& class=&content_image& width=&360&&2、&b&Any.Do&/b& GTD应用&br&也是因为同步功能才使用的，之前手机上有这货，后来发现有Chrome版本。和手机上的功能相差无几，在手机上记下要做的事情，做完以后电脑上删除。&br&&a href=&///?target=https%3A///webstore/detail/ocgddccilgpeepgglnlpchkpgamkgmld%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/ocgddccilgpeepgglnlpchkpgamkgmld?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/f37cc3eb4bbab_b.jpg& data-rawwidth=&270& data-rawheight=&625& class=&content_image& width=&270&&3、&b&Sunrise Calendar&/b& 日历应用&br&这款应用好像名气还比较大，有IOS和Android版本。支持Google Calendar, iCloud, Facebook, Foursquare, Linkedlin, Github, Evernote, Twitter等等，Exchange还在开发中。很棒的桌面日历应用。&br&&a href=&///?target=https%3A///webstore/detail/sunrise-calendar/mojepfklcankkmikonjlnidiooanmpbb%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/sunrise-calendar/mojepfklcankkmikonjlnidiooanmpbb?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/c879f1d29f3f62c04ba32e6e40a3e75e_b.jpg& data-rawwidth=&1024& data-rawheight=&639& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/c879f1d29f3f62c04ba32e6e40a3e75e_r.jpg&&4、&b&豆瓣电台&/b&&br&Chrome上的豆瓣电台应用貌似挺多的，我选择的是这款，很小巧，支持分享到Twitter，还有兆赫选择、喜欢歌曲，还支持pro账户。&br&&a href=&///?target=https%3A///webstore/detail/%25E8%25B1%%%25E7%%25E5%258F%25B0/pildlfoeifnhlckepgfiphlnaphcfhfh%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/%E8%B1%86%E7%93%A3%E7%94%B5%E5%8F%B0/pildlfoeifnhlckepgfiphlnaphcfhfh?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/ebacb836bae1e_b.jpg& data-rawwidth=&300& data-rawheight=&365& class=&content_image& width=&300&&5、&b&Gliffy &/b&流程图制作&br&偶然发现的一款，支持离线，还支持保存到GDrive。&br&&a href=&///?target=https%3A///webstore/detail/gliffy-diagrams/bhmicilclplefnflapjmnngmkkkkpfad%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/gliffy-diagrams/bhmicilclplefnflapjmnngmkkkkpfad?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/03e198ddbfcd9f8508cec8ca_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&/03e198ddbfcd9f8508cec8ca_r.jpg&&6、&b&Timer &/b&时间工具&br&有三个功能：计时器、闹钟、秒表。每次用洗衣机洗衣服的时候就用这个倒计时，小巧但不可或缺的好应用。&br&&a href=&///?target=https%3A///webstore/detail/timer/hhclmngbkkejbdfjmicnkmoggfpehein%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/timer/hhclmngbkkejbdfjmicnkmoggfpehein?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/5f59c2e665a4faf347741_b.jpg& data-rawwidth=&800& data-rawheight=&525& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/5f59c2e665a4faf347741_r.jpg&&7、&b&Calculator &/b&计算器应用&br&&a href=&///?target=https%3A///webstore/detail/calculator/nhllbmkjbbbnnioamjngkdepjbdioojc%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/calculator/nhllbmkjbbbnnioamjngkdepjbdioojc?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/688afdd8fb4e0cfd413b787d3e972b6a_b.jpg& data-rawwidth=&244& data-rawheight=&405& class=&content_image& width=&244&&8、&b&Ruler &/b&屏幕上的尺子&br&&a href=&///?target=https%3A///webstore/detail/njlkegdphefeellhaongiopcfgcinikh%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/njlkegdphefeellhaongiopcfgcinikh?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&支持px cm 和 in，支持根据屏幕尺寸校准&br&&img src=&/2c275dc1ffd2f0b56d7a_b.jpg& data-rawwidth=&925& data-rawheight=&198& class=&origin_image zh-lightbox-thumb& width=&925& data-original=&/2c275dc1ffd2f0b56d7a_r.jpg&&9、&b&读书笔记&/b&
同步豆瓣的读书笔记&br&&a href=&///?target=https%3A///webstore/detail/cekpldeffalionmgoedldkdnlcbphamp%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/cekpldeffalionmgoedldkdnlcbphamp?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&支持写笔记，按书本浏览笔记，浏览友邻笔记等等，是唯一一款也是最好的一款豆瓣读书笔记应用，弥补了安卓上没有笔记客户端，ios万年不更新的缺陷。&br&&img src=&/d88193dddfe69_b.jpg& data-rawwidth=&960& data-rawheight=&625& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&/d88193dddfe69_r.jpg&&10、&b&Mado &/b&实时显示html&br&&a href=&///?target=https%3A///webstore/detail/gmmlaihnodfojphcmjeemhaeajaldcdj%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/gmmlaihnodfojphcmjeemhaeajaldcdj?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&我们教育学有开教育技术，需要写一些网页代码，所以这款应用还是很有用滴，但是对于技术大咖们可能没啥用。&br&&img src=&/21afa295acf527f974ac795b_b.jpg& data-rawwidth=&1161& data-rawheight=&653& class=&origin_image zh-lightbox-thumb& width=&1161& data-original=&/21afa295acf527f974ac795b_r.jpg&&&br&11、&b&思维简图&/b& 思维导图类的应用&br&&a href=&///?target=https%3A///webstore/detail/haiohneehflmhnblinggjmlejibpkpii%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/haiohneehflmhnblinggjmlejibpkpii?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&通过感叹号来生成思维导图，支持导出成图片，还可以注册账号云同步。&br&&img src=&/bdeef7cff7d40f23c1d0_b.jpg& data-rawwidth=&1200& data-rawheight=&725& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/bdeef7cff7d40f23c1d0_r.jpg&&&br&12、&b&Calendar clock&/b& 日历时钟应用&br&&a href=&///?target=https%3A///webstore/detail/galgfocamdohgeifjlbefkfpaalankfi%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/galgfocamdohgeifjlbefkfpaalankfi?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&其实和win右下角的差不多，支持多时钟。&br&&img src=&/50c5dcee0639cfbcafe1d_b.jpg& data-rawwidth=&560& data-rawheight=&200& class=&origin_image zh-lightbox-thumb& width=&560& data-original=&/50c5dcee0639cfbcafe1d_r.jpg&&13、&b&4D Currency Converter&/b&&br&&a href=&///?target=https%3A///webstore/detail/4d-currency-converter/feajdjcbedbfbcjjafcgaekaaopgkadg%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/4d-currency-converter/feajdjcbedbfbcjjafcgaekaaopgkadg?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&货币转换应用，小工具&br&&img src=&/c65ffcdf0ef6cb313eff630_b.jpg& data-rawwidth=&600& data-rawheight=&285& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/c65ffcdf0ef6cb313eff630_r.jpg&&14、&b&知乎日报 &/b&&br&&a href=&///?target=https%3A///webstore/detail/%25E7%259F%25A5%25E4%25B9%258E%25E6%%25E6%258A%25A5/gmhhhkgomcbijkigoakidcpobpioebej%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/%E7%9F%A5%E4%B9%8E%E6%97%A5%E6%8A%A5/gmhhhkgomcbijkigoakidcpobpioebej?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&知乎日报的Chrome客户端，做的比较简陋&br&&img src=&/c0ff4ebea6d_b.jpg& data-rawwidth=&608& data-rawheight=&725& class=&origin_image zh-lightbox-thumb& width=&608& data-original=&/c0ff4ebea6d_r.jpg&&15、&b&Doubled &/b&双重曝光图片制作&br&&a href=&///?target=https%3A///webstore/detail/lockfmhdbkjgoehpbpgbajdjphnlppco%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/lockfmhdbkjgoehpbpgbajdjphnlppco?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/e5fb082e7def8cf9c68055_b.jpg& data-rawwidth=&1024& data-rawheight=&725& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/e5fb082e7def8cf9c68055_r.jpg&&16，&b&海运宝&/b&
快递查询&br&&a href=&///?target=https%3A///webstore/detail/bcnnapmfocoefbaffflkigpbagghcbci%3Futm_source%3Dchrome-app-launcher& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/bcnnapmfocoefbaffflkigpbagghcbci?utm_source=chrome-app-launcher&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&支持海内外运单的查询&br&&img src=&/ea2ed647adc7d31407df27f_b.jpg& data-rawwidth=&390& data-rawheight=&675& class=&content_image& width=&390&&
关注Chrome桌面应用好久了，分享一下：目录：1、Google Keep 记事本应用2、Any.Do GTD应用3、Sunrise Calendar 日历应用4、豆瓣电台5、Gliffy 流程图制作6、Timer 时间工具7、Calculator 计算器应用8、Ruler 屏幕上的尺子9、读书笔记 同步豆瓣的读书笔记10、…
作为一个和Swing深度打交道10年的我给点个人看法：&br&&br&Swing的优点：&br&&br&1：性能不错，因为其底子Java2D还不错，不是极其特别海量级应用基本都可胜任&br&2：bug并不是想象那么多，这些年sun已修复很多，即使有也很容易到找workaround&br&3：组件市场谈不上丰富，但该有的也都有了jidesoft，infonode，jfreechart，swinglabs等可以参考&br&4：大型的应用问题不在于Swing，选用任何其他GUI也都得考虑分业务，分模块加载等问题，这方面NetBeansRCP和EclipseRCP都可以参考，我建议先不考虑引入RCP增加学习指数（包括引入更多风险），如果实在必要需用NetBeansRCP比较舒服，Eclipse的RCP需要考虑Swing和SWT的整合有不少问题恭候着你&br&&br&Swing的缺点：&br&1：其MVC的设计框架还是很稳健，使的Swing这么十几年屹立不倒，不过还是显示出了老态和缺陷，这个话题很大可以写好几篇文章，简单说Swing的设计不如Flex的MVP，不如Silverlight/WPF的MVVM易于让程序员编写，测试包括IDE的提供&br&2：Swing的lookandfeel是很好的思想，但没有设计好，这么多年虽然也有不好官方，开源和商业的LAF出现，但除了官方常用的那几个虽然丑但没有太多bug还算能用，其他我基本不用除非应用不复杂&br&3：Swing有很多layout初衷很好，但同样问题是众多实现者中没有几款简单易用的，我自己写了个布局这些年我自己一直用自己的这个布局，公司很多其他人也是熟悉哪款可能一辈子就用它了，因为没时间去折腾研究其他款&br&4：组件的确不是相当丰富完善，一个DateChooser到现在都没个官方的，JDK7只是maybe，确定的是在JDK8提供，当然这不严重前面提到你可以很容易找到其他开源或商业的组件解决，不过也能反映点问题&br&&br&最后谈点个人经验，我们公司是重度Swing使用者，都是手工写界面代码，如果大型项目自然值得好好投入去积累组件和封装，有了好的封装的组件基本手工代码还是非常简单易读方便维护，另外就像第一点提到Java2D真的不错，如果你觉得那些地方实在太难用了，实在太差丑了，或者实在性能太差了，你完全可以随便扩展个component自己去paint完全用Java2D重新个你满意的组件，有点经验后你会发现写个组件不是那么难，而且还挺有趣。&br&&br&补充：&br&&br&感谢不少朋友的顶，收到不少私信询问Swing的技术问题，但我已经五年多没再接触Swing了，对Swing的技术细节问题恐怕很难再一一给答复，对于大型项目的问题，我觉得如果不考虑遗留老系统的维护问题，如今不管大项目小项目HTML5已经足够好了无需犹豫了。&br&&br&我最近几年做的项目清一色的都是HTML5了，这篇《&a class=& wrap external& href=&///?target=http%3A///xhload3d/p/3561437.html& target=&_blank& rel=&nofollow noreferrer&&基于HTML5的电信网管3D机房监控应用&i class=&icon-external&&&/i&&/a&》供参考，HTML5可选择的类库比Swing多太多了也优秀太多了，搞通用组件有&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sencha&i class=&icon-external&&&/i&&/a&和&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Kendoui&i class=&icon-external&&&/i&&/a&可选择，搞图表有&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Highcharts&i class=&icon-external&&&/i&&/a&可选择，搞2D拓扑和3D机房有&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Hightopo&i class=&icon-external&&&/i&&/a&可选择，搞移动应用有&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&JQuery Mobile&i class=&icon-external&&&/i&&/a&可选择，搞游戏游戏引擎有&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&babylonjs&i class=&icon-external&&&/i&&/a&可选择... 是时候该忘记Swing了！&br&&br&另可参考 &a href=&///?target=http%3A///guide/guide/core/beginners/ht-beginners-guide.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HT for Web 入门手册&i class=&icon-external&&&/i&&/a&
&a href=&///?target=http%3A///guide/guide/core/3d/ht-3d-guide.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HT for Web 3D 手册&i class=&icon-external&&&/i&&/a&&br&&img src=&/f1fcaf63b90b4af0a214fa32dda37fea_b.jpg& data-rawwidth=&496& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&496& data-original=&/f1fcaf63b90b4af0a214fa32dda37fea_r.jpg&&
作为一个和Swing深度打交道10年的我给点个人看法：Swing的优点：1：性能不错，因为其底子Java2D还不错，不是极其特别海量级应用基本都可胜任2：bug并不是想象那么多，这些年sun已修复很多，即使有也很容易到找workaround3：组件市场谈不上丰富，但该有的也…
对 @sailing8036 的答案投了赞成。我在 2005 年的时候用 Swing 写过一个模拟 Matlab plot 3D 功能的控件，那次的视觉效果、开发效率、以及性能都让我比较满意。
&br&&br& 但是另一方面，我对 Swing 的前景不太乐观。
&br&&ol&&li&没有好的 3D 接口。Java3D 和 OpenGL Java Binding 都没有什么活力。我那次开发的控件是 3D 效果的，是我自己计算的投射方式，这样的开发效率是不高的。今天很多 3D 接口是包括 2D 开发的，纯粹的 2D API 会慢慢的淡出。&/li&&li&对非英文的输入法还是处理不好。&/li&&/ol&
对 @sailing8036 的答案投了赞成。我在 2005 年的时候用 Swing 写过一个模拟 Matlab plot 3D 功能的控件，那次的视觉效果、开发效率、以及性能都让我比较满意。 但是另一方面，我对 Swing 的前景不太乐观。 没有好的 3D 接口。Java3D 和 OpenGL Java Bindin…
个人觉得不适合 Java速度太慢 特别是第一次加载时链接速度很慢 半天才显示界面 很影响用户体验 Swing个人觉得适合小应用
个人觉得不适合 Java速度太慢 特别是第一次加载时链接速度很慢 半天才显示界面 很影响用户体验 Swing个人觉得适合小应用
这不是轻轻松松的事么？&br&&br&要知道现在对于业务不复杂的应用都可以：一份代码构建移动、桌面、Web全平台应用&br&&br&&br&著作权归作者所有。&br&商业转载请联系作者获得授权，非商业转载请注明出处。&br&作者：phodal&br&链接：&a href=&/phodal/& class=&internal&&一份代码构建移动、桌面、Web全平台应用 - Phodal - 手工艺人 - 知乎专栏&/a&&br&来源：知乎&br&&br&&p&Web本身就是跨平台的，这意味着这中间存在着无限的可能性。&/p&&p&我是一名Web Developer，对于我来能用Web开发的事情就用Web来完成就好了——不需要编译，不需要等它编译完。我想到哪我就可以写到哪，我改到哪我就可以发生哪发生了变化。&/p&&p&最近我在写Growth——一个帮助开发人员成长的应用，在近一个月的业余时间里，完成了这个应用的：&/p&&ul&&li&移动应用版：Android、Windows Phone、iOS（等账号和上线）&/li&&li&Web版&/li&&li&桌面版：Mac OS、Windows、GNU/Linux&/li&&/ul&&p&截图合并如下：&/p&&img src=&/491cb2de4ba3b_b.jpg& data-rawwidth=&1024& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/491cb2de4ba3b_r.jpg&&&p&而更重要的是它们使用了同一份代码——除了对特定设备进行一些处理就没有其他修改。相信全栈的你已经看出来了：&/p&&br&&p&Web = Chrome + Angular.js + Ionic&/p&&br&&p&Desktop = Electron + Angular.js + Ionic&/p&&br&&p&Mobile = Cordova + Angular.js + Ionic&/p&&br&&p&除了前面的WebView不一样，后面都是Angular.js + Ionic。&/p&&br&从Web到混合应用，再到桌面应用&br&&br&&p&在最打开的时候它只是一个单纯的混合应用，我想总结一下我的学习经验，分享一下学习的心得，如：&/p&&ul&&li&完整的Web开发,运维,部署,维护介绍&/li&&li&如何写好代码——重构、测试、模式&/li&&li&遗留代码、遗留系统的形成&/li&&li&不同阶段所需的技能&/li&&li&书籍推荐&/li&&li&技术栈推荐&/li&&li&Web应用解决方案&/li&&/ul&&p&接着我用Ionic创建了这个应用，这是一个再普通不过的过程。在这个过程里，我一直使用Chrome在调度我的代码。因为我是Android用户，我有Google Play的账号，便发布了Android版本。这时候遇到了一个问题，我并没有Apple Developer账号(现在在申请ing。。)，而主要的用户对象程序员，这是一群&strong&不土&/strong&的土豪。&/p&&br&&p&偶然间我才想到，我只要上传Web版本的代码就可以暂时性实现这个需求了。接着找了个AWS S3的插件，直接上传到了AWS S3上托管成静态文件服务。&/p&&br&&p&几天前在Github上收到一个issue——关于创造桌面版， 我便想着这也是可能的，我只需要写一个启动脚本和编译脚本即可。&/p&&br&&p&所以，最后我们的流程图就如下所示：&/p&&img src=&/a461ddc2_b.png& data-rawwidth=&974& data-rawheight=&802& class=&origin_image zh-lightbox-thumb& width=&974& data-original=&/a461ddc2_r.png&&&p&除了显示到VR设备上，好像什么也不缺了。并且在我之前的文章《&a href=&/?target=https%3A///phodal/oculus-nodejs-threejs-example& class=&internal&&Oculus + Node.js + Three.js 打造VR世界&/a&》，也展示了Web在VR世界的可能性。&/p&&p&在这实现期间有几个点可以分享一下：&/p&&ol&&li&响应式设计&/li&&li&平台/设备特定代码&/li&&/ol&响应式设计&br&&br&&p&响应式设计可以主要依赖于Media Query，而响应式设计主要要追随的一点是不同的设备不同的显示，如：&/p&&img src=&/99d12a4bf7eb4d1a6bcf5c_b.jpg& data-rawwidth=&800& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/99d12a4bf7eb4d1a6bcf5c_r.jpg&&&br&&p&这也意味着，我们需要对不同的设备进行一些处理，如在大的屏幕下，我们需要展示菜单：&/p&&img src=&/6cd95838e1_b.jpg& data-rawwidth=&1024& data-rawheight=&796& class=&origin_image zh-lightbox-thumb& width=&1024& data-original=&/6cd95838e1_r.jpg&&&br&&p&而这可以依赖于Ionic的&strong&expose-aside-when=&large&&/strong&，而并非所有的情形都是这么简单的。如我最近遇到的问题就是图片缩放的问题，之前的图片针对的都是手机版——经过了一定的缩放。&/p&&p&这时在桌面应用上就会出现问题，就需要限定大小等等。&/p&&p&而这个问题相比于平台特定问题则更容易解决。&/p&&br&平台特定代码&br&&p&对于特定平台才有的问题就不是一件容易解决的事，分享一下：&/p&&br&存储&br&&p&我遇到的第一个问题是&strong&数据存储&/strong&的问题。最开始的时候，我只需要开始混合应用。因此我可以用&strong&Preferences&/strong&、或者&strong&SQLite&/strong&来存储数据。&/p&&br&&p&后来，我扩展到了Web版，我只好用LocalStoarge。于是，我就开始抽象出一个&strong&$storageServices&/strong&来做相应的事。接着遇到一系列的问题，我舍弃了原有的方案，直接使用LocalStoarge。&/p&&br&数据分析&br&&p&为了开发方便，我使用Google Analytics来分析用户的行为——毕竟数据对我来说也不是特别重要，只要可以看到有人使用就可以了。&/p&&p&这时候遇到的一个问题是，我不需要记录Web用户的行为，但是我希望可以看到有这样的请求发出。于是对于Web用户来说，只需要：&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&
trackView: function (view) {
console.log(view);
&/code&&/pre&&/div&&p&而对于手机用户则是:&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&
trackView: function (view) {
$window.analytics.startTrackerWithId('UA-');
$window.analytics.trackView(view)
&/code&&/pre&&/div&&p&这样在我调试的时候我只需要打个Log，在产品环境时就会Track。&/p&&br&更新&br&&br&&p&同样的，对于Android用户来说，他们可以选择自行下载更新，所以我需要针对Android用户有一个自动更新：&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&var isAndroid = ionic.Platform.isAndroid();
if(isAndroid) {
$updateServices.check('main');
&/code&&/pre&&/div&&br&桌面应用&br&&p&对于桌面应用来说也会有类似的问题，我遇到的第一个问题是Electron默认开启了AMD。于是，直接删之：&/p&&br&&div class=&highlight&&&pre&&code class=&language-text&&&script&
//remove module for electron
if(typeof module !== 'undefined' && module && module.exports){
&/code&&/pre&&/div&&p&类似的问题还有许多，不过由于应用内容的限制，这些问题就没有那么严重了。&/p&&p&如果有一天，我有钱开放这个应用的应用号，那么我就会再次献上这个图：&/p&&br&未来&br&&p&我就开始思索这个问题，未来的趋势是合并到一起，而这一个趋势在现在就已经是完成时了。&/p&&p&那么未来呢？你觉得会是怎样的？&/p&&br&&p&&b&源码：&a href=&/?target=https%3A///phodal/growth& class=&internal&&phodal/growth · GitHub&/a&&/b&&/p&&br&&p&&b&更多内容请关注我的微信公众号：phodal&/b&&/p&&img src=&/28ec8184cda57fecd503c79ad5d09fab_b.jpg& data-rawwidth=&258& data-rawheight=&258& class=&content_image& width=&258&&
这不是轻轻松松的事么？要知道现在对于业务不复杂的应用都可以：一份代码构建移动、桌面、Web全平台应用著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：phodal链接：
这个要看前端的定义了。传统狭义的前端指会 HTML、CSS、会切图、会写 JS 的。&br&&br&其实从大前端的角度考虑，桌面端 APP、移动端 APP 这些都是通过界面向用户展示，负责接收用户的操作，处理转换为一些请求等，让后端理解要做什么，从而对数据库、服务器等做相应操作。从这个角度来看，其实部分客户端开发者，也可以归类于前端。&br&&br&所以我更倾向于这种区分规则：一个应用中，看得见的是前端，看不见的是后端。只会写 HTML、CSS、切图、客户端 JS 的，应该叫 Web 前端（Web 领域的前端）。&br&&br&==== 所以&br&&br&这个问题不成立啊，大家都是前端。
这个要看前端的定义了。传统狭义的前端指会 HTML、CSS、会切图、会写 JS 的。其实从大前端的角度考虑，桌面端 APP、移动端 APP 这些都是通过界面向用户展示，负责接收用户的操作，处理转换为一些请求等，让后端理解要做什么，从而对数据库、服务器等做相应…
甭管它什么端，靠写代码为生的，都是工程师而已，前端也不过是一门技术，搞得好像除了前端工程师，其他工程师就学不会一样。
甭管它什么端，靠写代码为生的，都是工程师而已，前端也不过是一门技术，搞得好像除了前端工程师，其他工程师就学不会一样。
已有帐号？
无法登录？
社交帐号登录