default
menu home
Icon library Sign up Login favorite_border message help_outline

- Online notes-IT-page2

styleTags:  All CSS html javascript php/other IT
subject favinavi网络收藏夹Ver 2.0开发笔记之更精细适配各类屏幕

这两天把favinavi计划中的基本功能都做完了,虽然还不很完美,但是追求完美总是要有一个前提和基础,就是先搭好框架。

目前来看,favinavi的基本框架就是这样了。然后有点空,开始回头检视以前做的比较粗放的地方。favinavi的一贯风格是“满屏书签”,2.0版为了适应当今各种大小屏幕满天飞的时代,费了不少心思。从一开始固定一行6个书签,到区分手机和pc,pc显示6个,手机显示4个。然后就被用户教育了:“手机上每行4个书签根本没法看清楚具体内容!”。得,听人劝不吃亏,马上改:手机每行2个书签。然而,这样还是太粗放,大屏幕用户又不高兴了,我那么宽的屏幕,你就给我一行显示6个书签,太少了。

唉,众口难调,但是用户说的在理啊,必须听用户的。但开始的时候怕麻烦,因为一旦动了每行的书签个数,不止是调整显示格式的问题,拖拽编辑也得跟着改,原来的老代码是根据定死的每行6个书签写的,一时半会头绪太多,所以就暂时拖了一阵。

现在,新版程序作了不少调整,已经可以灵活根据屏幕大小来显示不同列数的书签了,后台处理程序也跟着弄灵活了。于是,今天干脆就把活儿做到极致,不同宽度的屏幕干脆全部做适配,每行从2列一直到10列,逐个增加,不留死角。不论您今天用啥终端,也不论您喜欢横屏还是竖屏,总之,favinavi一概自适应,把最合适的列数呈现出来。

下面就展示一下favinavi的demo用户的收藏夹,同一个页面,在不同终端屏幕上的效果:
iPhone_SE_375x667
[img]

Nexus_7_600x960
[img]

Kindle_Fire_HDX_800x1280
[img]

iPad_Mini_1024x768
[img]

Laptop_1440x900
[img]

1080p_1920x1080
[img]

可以看到,除了每行呈现的书签列数不同,还有很多细节(比如图标、菜单等),在不同屏幕上也是不一样的呈现方式。

就在为了做屏幕适配而努力的时候,顺带找到了一个已经存在月余的老bug。由于平时使用笔记本开发,屏幕不够大,最大宽度1920,平时又是放大了用,不然字太小,费眼睛,所以一直没有机会用台式机来试。昨天为了看屏幕适配效果,特意打开了尘封已久的台式机,结果就发现了用户曾经提到的bug,就是用鼠标拖拽编辑书签的时候书签有时不听话。当时在笔记本上没有机会重现bug,所以就没有深入研究。现在终于无心插柳,顺手就把bug修复了。在此隆重感谢提出问题的用户,抱歉让您久等了。

现在的2.0版favinavi,不知在屏幕适配方面大家是否满意呢?

满意:就请多多宣传favinavi.com,给您身边有需要的人。
不满意:赶紧到留言板写下您不满意之处,允许我进步。谢谢!

by: fanshome  visibility 1498
2023-06-25 08:40 (UTC)

subject 现在还有哪些好用的网络收藏夹?

看到几年前有人问过这个问题,上网搜索一下,大概能找到以下几家,目前貌似都还能访问:

1、当然有这里—— favii人性化网络收藏夹,不过最近favii升级新版,并且改换了
  新域名:favinavi.com,同时也改名为favinavi人性化网络收藏夹。新版比以前更美观、更好用了!
[img]
2、pinbox
[img]
页面比较大气,功能比较多,还可以收藏图片、文本等。

3、好网角
[img]
除了网页版,好网角还提供手机版,需要下载和安装。

4、易集
[img]
也分普通版和手机版页面,iphone客户端需要下载和安装。

5、云书签
[img]

要问哪家最好用,我的回答是:萝卜青菜,各有所爱。适合自己的就是最好的!大家不妨比较一下看看,哪家最适合自己的需求,就选择哪家。

请访问favinavi有哪些特色和优势获得对favinavi的进一步了解。

也可以直接登录demo演示用户账号先感受一下。需要提醒的是:使用demo账号登录,所有操作都将是“虚拟”的,也就是不会对demo账号下的实际收藏内容作出任何改变,即使网站提醒您“操作成功”。

by: fanshome  visibility 1310
2023-06-26 03:21 (UTC)

subject 明明做好了301跳转,为什么某些搜索引擎就是不来收录新站?

favinavi自己就遇到了这个问题,老域名www.favii.cn虽然已有十几年历史,积累了一些忠实粉丝,但是为了能更好的拓展发展空间,还是痛下决心启用了favinavi.com新域名。当然的,为了以前的老用户能正常访问到网站,就做了301自动跳转,然后满心以为各个搜索引擎过一段时间也就自然会知道老域名换新域名了,该怎么做他们自然会怎么做。

然而,想不到的事情发生了,已经差不多过了3个月,依然有部分搜索引擎死活不肯收录新域名下的内容,依旧死抱着老域名不放。这就奇怪了,为什么会这样?!

想了无数种可能的原因,我猜测其中一种可能性是:站长的想法和搜索引擎的想法不一致而导致了这个结果。

具体来说,站长的首要出发点是一切为了用户考虑,换了新域名,首先考虑的是别让老用户迷路,所以无论老用户访问的是什么形式的旧域名下的内容,都尽量跳转到新域名下的可见内容,防止用户不知所措。比如假设以前曾经有过某些二级域名,而新站不一定有,就一律跳新站的顶级域名;再假设老域名下某些页面新站是404了,为了照顾老用户感受,一律跳新站首页等等(当然可以把跳转做的更加细致一些,但是一般情况下,站长忙于新站建设,简单做个跳转也是无可厚非的)。

此时,仔细想想,假如搜索引擎不够聪明的话,问题就已经存在了。例如,大多数情况下,站长为了灵活性考虑,网站的链接使用相对路径链接的可能性大,比如首页就是“/”,而不会费事去写“https://favinavi.com/",这样写可不是为了偷懒,而是为了保证灵活性:比如开发环境和生产环境的一致性,将来调整网站架构的时候保持灵活性等等。

而这个时候,”聪明“的搜索引擎能基本理解站长的意图,发现了301永久跳转,就跟着站长的思路跳转。而不那么”聪明“的搜索引擎,可能(只是可能,这一切都是我个人的猜测)一看,”咦,老网站好像还挺正常的嘛,老的域名链接都还在呢,你站长自己写在网页里呢(因为使用了相对路径)”。如果程序员偷懒或者因为其它什么原因没有以301跳转为前提分析页面链接,而直接把网站的最终返回结果当成了应该直接分析的页面内容,就会以为一切如常。是啊,初看都挺正常,访问老域名下的内容,服务器返回200 ok,页面内容也一切如常,页面里的链接还都是指向的老域名,什么也没有发生啊!嗯,好像多了个301,但那是你站长的事,我搜索引擎反正能正常访问,正常抓取,我多一事不如少一事,你能奈我何?

至于标题中问题的答案,以上是不是其中的一个可能,我无法下结论。但是我这么猜测也并非毫无依据,因为:
1、发现了部分爬虫(表面上并不是搜索引擎派出的正规爬虫),会愚蠢地几百次爬取毫无必要的重复内容,只是因为无视了301。我想,既然有些人会犯这种低级错误,那么大公司的程序员理论上也有可能犯错的,不是吗?
2、部分搜索引擎的站长服务网站,低级bug一大堆,部分页面做的比我还业余,根本难以让人相信这是堂堂大搜索引擎公司的服务页面。

那么,遇到新站不被收录的情况,站长怎么做?这个要看是哪家搜索引擎了,一方面,可以去站长服务页面提交新站链接试试;不行就试试人工服务。另一方面,站长可以考虑把老域名下不重要的页面直接给404,同时在404页面中一定要留下新域名的绝对地址链接,避免有误判的情况发生。

以上。

by: fanshome  visibility 1263
2023-06-10 09:32 (UTC)

subject How long a new website can occupy the first position of search engine

Whether a new website can rank first on the main keywords depends on many factors, including but not limited to the following:

1. Website quality: whether the content of the website is original, useful, professional, etc., whether the website structure is clear, whether it is easy to access and use, etc.

2. Competitors: the number and optimization level of competitors for the main keywords, as well as their historical performance, will affect the website ranking.

3. Search engine algorithms: search engine algorithms are complex and constantly changing and updating. This means that even if your website is well optimized at a certain time, it may still be surpassed by other better websites.

Based on these factors, a new website, starting from being indexed by search engines, usually needs long-term and systematic optimization to rank first on the main keywords. The time it takes to rank first may vary in different industries and market environments. In some highly competitive industries, a new website may need several months or even longer to rank first, while in some smaller markets, it may only need a few weeks or months. In short, achieving the top ranking on the main keywords requires patience, focus, and long-term efforts.

by: fanshome  visibility 1314
2023-06-14 02:58 (UTC)

subject favinavi为什么会选择微软的bing搜索作为默认的搜索引擎?

这个选择初看有点奇怪,因为论搜索,谷歌是当然的第一选择,而中文搜索,百度又是当仁不让的中文搜索老大,微软的bing虽然做得还不错,但无论从哪方面说,它似乎都不该是最佳选择。

然而,毕竟favinavi网络收藏夹最初是纯中文网站,主要用户都集中在中国大陆。中国的特殊国情决定了选择谷歌作为默认搜索引擎毫无意义,大家都懂的。那为什么不选百度呢?嗯...这话说起来有点不好意思,favinavi从favii改版后,增加了英语界面,打算把全世界两大使用量最多、通用性最强的语言都支持起来,而说实话,在英语搜索方面,百度可能做的就不是特别优秀了。所以,折衷一下,选择bing作为默认搜索引擎就合情合理了。一方面,用户假如不喜欢这个默认搜索,随时可以更换;另一方面,无论在中文还是英文搜索方面,bing都还做得不错,所以,把bing作为默认是一个中庸之道的解决方案,万一用户懒得选择搜索引擎,那么bing的搜索结果算是仅次于最佳的结果。

说到这里,允许我脱离一下前面的主题,说说不同搜索引擎的个性特征。

不得不提一嘴,由于开发这个网络收藏夹的原因,开始关注起了SEO和搜索引擎蜘蛛的表现,将近一个月观察下来,得出一个并不意外的结论,就是谷歌当搜索界的一哥,那是当之无愧的。这里先不说谷歌后台的技术有多强大,对页面内容的分析、提炼、权重处理等等这些,相信每家搜索引擎都有各自的独门秘籍。咱们就说说爬虫对网站自主规则的尊重,那谷歌做得绝对是有板有眼,并且有人情味(意思是允许网站程序员在一定时间、范围内犯错,因为这无法避免)。网站的robots.txt、网站地图、页面是否跳转,怎么跳转?是临时的还是永久的?等等等等,谷歌都会按规则处理。话说这些为什么对搜索引擎很重要?因为尊重的规则的结果是双方受益的,对网站有利,对搜索引擎也有利。

上面说的有点啰嗦,咱把话讲得明白点,结果就会是:假如网上出了一个新建的网站(假设某些前提会满足,确保各大搜索会发现这个新站。),网站开发人员只是按规则写了一些必要的技术规则,没有针对搜索引擎做专门的工作,那么最终,谷歌会把这个网站的内容整得明明白白,该收录的收录,该无视的无视、该惩罚的惩罚。而反观某些二、三流的搜索引擎,在某些情况下,假如你不主动到他家网站上去提交一些东西(甚至提交了也不一定有用),那么可能在相当长的时间里(半年、一年甚至更长),它都不会来主动瞧你一眼。

我个人的结论是:谷歌的蜘蛛爬虫,聪明,按章办事,但是又不失人情味儿;百度的表现也不错,难怪能在中国当老大;微软的bing,中规中矩,像班上的好学生,少了点灵活性和烟火气;俄罗斯的yandex,就像他们战斗民族的个性,有时候会表现得有点简单粗暴,比如一天就来访几千次,但不失可爱;而有些爬虫,不够聪明,不一定按规则行事,并且毫无人情味。

这里说个真实的笑话,话说某家搜索(真记不起来具体是哪家),每天来报到一次,但是坚决不肯多光顾。但是他们家有站长服务网页,可以要求蜘蛛多来光顾,于是我就主动要求提高蜘蛛爬取量。搞笑的事情来了,他家规定最多提高50%每天,可由于是基数太小,等于1,所以就变成了我最多要求1.5次/天,然后他偏偏还向下取整,所以提高50%还是1次/天,我变成了白忙!

二、三流之所以是二、三流,首先不一定是输在技术上,而是输在了“发现”!

by: fanshome  visibility 1531
2023-06-10 04:31 (UTC)

subject 把favinavi网络收藏夹的书签搜索功能做到最好

在此先感谢“changanluan”用户的建议,是他(她)提出了这个问题,favinavi怎么还没有书签搜索功能呢?

是啊,我不属于那种要收藏几千个书签的收藏爱好者,所以平常自己并不是特别有搜索书签的需求。但是我不需要不代表没有人需要,favinavi的典型粉丝几乎都是拥有大量书签搜藏的人,所以,这个搜索书签的功能必须有,不然,怎么在几千个书签中快速锁定一个不那么常用的书签到底在哪里呢?

说干就干,先喝杯咖啡,想清楚要怎么做。

目标:要方便、要准确、要醒目、要尽可能自动化。

目标细化下来,决定借鉴浏览器自身的ctrl+F页面搜索功能,这样用户习惯程度最好,培训成本几乎为零。
然后给自己提要求,一定要做到自己能力范围内的极致,最大程度满足用户的想法。

当天熬到凌晨4点,终于把书签搜索功能第一版给做出来了。假如我自己打分的话,至少给自己8分,哈哈!

其中考虑了与书签搜索相关得不少细节:
1、用户键入可能有停顿,所以稍微延迟几百毫秒再进行搜索,避免做无用功,还打扰到用户视觉;
2、搜索结果不仅要醒目,并且主动猜测用户的需要,假如只有一个结果,就直接自动滚动页面到搜索目标,并高亮提示,省得用户动手;
3、如果有多个结果,突出全部匹配的书签,高亮聚焦到第一个,并且同时提供上下选择;
4、上线按钮选择也同样提供自动滚动,永远自动聚焦在当前的匹配书签上;
5、在favinavi网络收藏夹自己的主页面取代浏览器的ctrl+f快捷键功能,直接敲这个组合键可以快速调出favinavi的书签搜索功能。

第一版基本上就是这样,我想满足用户的一般性书签搜索的需求没有啥大问题了吧?

假如还有什么意见和建议,欢迎到留言板写下您的宝贵意见。

by: fanshome  visibility 1332
2023-06-10 04:34 (UTC)

subject Comparing the mobile adaptability of several Chinese web favorites

In the era of mobile phones, a website is still good to use, and whether you can get a good browsing experience on mobile phones is very critical.

In recent days, I have focused on the screen adaptation of my Favinavi website page, optimizing very, very much detail. Now that the optimization of screen adaptation has come to an end for the time being, I feel that I have done a good job, and then I tested it all with a few terminals (including PC/pad/mobile phone), well... The conclusion is really good, it can be said that it has achieved "humanization".

A little time, out of curiosity, I also want to see how other people do with this aspect of online favorites, hehe.

I won't mention the specific website name, in short, in addition to a relatively professional team to do a special focus on UI favorite websites, most of them can be said to be miserable, basically did not consider the automatic adaptation of the mobile phone, or it is more troublesome, need to download the app. It's really a little unexpected, I don't know if it's the era of mobile phones now?

After a slight turn, I felt very relieved in comparison. I have worked so hard to make the favinavi, of course, I dare not say that I have done the best, but I found that it is actually very unique. I believe that doing your own actual needs as the universal needs of users, although not a very market-oriented good method, is in line with the scientific outlook on development.

Personally make a summary to cheer myself up: compared with the seven or eight Chinese network favorites in the rough test, in terms of mobile terminal interface friendliness, if Favinavi claims to be the second, will anyone dare to claim the first?

by: fanshome  visibility 1420
2023-06-14 02:56 (UTC)

subject What should the best web favorites look like?

What should the best web favorites look like? Let's clarify the premise of the discussion here, see: What is a web favorites/online bookmarking.

I am afraid that everyone's answer to this question is different. But in the understanding of favinavi, in addition to the basic functions of general network favorites (such as adding, editing, deleting, importing, exporting), it is to see the convenience of use.

What is convenience? The ultimate convenience is called convenience. What are web favorites used for? Of course, it is used to surf the Internet, translated into the vernacular, that is, you can use the fastest speed to access your favorite website.

How fast can it be fastest? Favinavi's understanding is just one click! One click in the true sense of the word.

Some people will say, this is nonsense! Which bookmark link is not a one-click jumper?

That's right, but I mean: after opening the browser (this time the click is not counted, because everyone uses a browser or browser-like software, so it is not counted), just one click. Specifically, if a certain prerequisite is met, the browser is opened, and the favorite website can be immediately accessed with another click.

It sounds like nothing, let me give you another example: the browser's own bookmarks bar, in the case of chrome, even if you have the Show bookmarks bar turned on in your settings, in general, you need at least 2 clicks to access specific bookmarks. Even if some browsers can directly display bookmarks below the address bar, have you ever thought about it, assuming that there are more bookmarks in favorites? For example, 50, it is impossible to display in one line, if multiple lines are displayed, and it takes up too much of the browser's own screen space, the space used by the browser to display the real web page content is crowded.

One or two clicks worse seems to be nothing, but for heavy Internet users, it seems that most people are still lazy, always hoping to do everything as convenient as possible, the faster the better.

This need for extreme laziness in human nature is the focus of Favinavi's attention. If the user sets the https://favinavi.com as the browser launch page, then you can truly achieve "one-click to fly", because the home page of favinavi is the user's favorites, open the browser, favinavi will try to display the user's favorites directly as much as possible, and the number of bookmarks displayed is pursued as much as possible, the more the better, and at the same time automatically count and display the most frequently visited bookmarks by users. In this way, basically, frequently visited websites are "one hit away", and even scrolling pages are basically not used.

The difference is not very important for light browser users. However, favinavi is mainly intended for those heavy Internet users, for those Internet users who have at least dozens of bookmarks in their favorites, and for lazy cancer patients who want to be lazy in everything.
[img]

Intuitive display, the more the merrier, one-click direct, is the characteristic of Favinavi.

Are you impressed? Register Favinavi right now to feel it

by: demo  visibility 1254
2023-06-12 10:15 (UTC)

subject 最好用的网络收藏夹应该是什么样?

最好用的网络收藏夹应该是什么样?我们这里先明确一下讨论的前提,参考:什么是网络收藏夹/网络书签。

这个问题恐怕每个人的答案都不尽相同。但是以favinavi的理解,除了一般网络收藏夹的基本功能(比如添加、编辑、删除、导入、导出)书签外,就是看使用起来的方便性。

什么叫方便?最极致的方便才叫方便,会让人用着用着就上瘾的方便才叫方便。网络收藏夹是用来干什么的?当然是用来上网的,翻译成大白话,就是可以用最快的速度,访问到你收藏的网址。

最快可以有多快?favinavi的理解,就是一次点击!真正意义上的一次点击。

有人会说,这不是废话嘛!哪个书签链接不是一次点击就可以跳转访问的呢?

没错,但是,我指的是:打开浏览器之后(打开浏览器的这次不算哦,因为上网总是要用浏览器或者类似浏览器的软件的么,所以不计入),就一次点击。具体而言,在满足一定前提条件的情景下,打开了浏览器,就真正再用一次点击就可以立即访问到收藏的网站。

听起来好像没有什么,我再举个例子:比如浏览器自己的书签栏,以chrome为例,即便你设置中打开了显示书签栏,一般而言,想访问到具体的书签,还需要至少2次点击。即便部分浏览器可以直接把书签显示在地址栏下方,但是大家想过没有,假设收藏的书签比较多呢?例如50个,甚或500个以上,就不可能一行显示完毕,假如显示多行,又太占用浏览器的自用屏幕空间,浏览器用来显示真正网页内容的空间就被挤占了。

差一、两次点击好像没什么,但是对于重度网络用户来说,好像大部分人还是比较懒的吧,总希望干什么事都越方便越好,越快速越好。

这种人性中极致懒惰的需求,就是favinavi关注的重点。如果用户把https://favinavi.com 设置成了浏览器启动页,那么就可以真正意义上实现“一键起飞”,因为favinavi的首页就是用户的收藏夹,打开浏览器,favinavi就尽可能把用户收藏夹内容直接展示,并且显示的书签数量上追求尽可能多,多多益善,同时自动统计并展示用户最常访问的书签。这样,基本上,常去访问的网站就实现了“一击即达”,甚至连滚动页面都基本不用。

其中的差别,对于轻度浏览器使用者来说,不是很重要。但是,favinavi主要是想给那些重度网络使用者用的,是给那些收藏夹里至少有大几十个书签的网络使用者用的,是给那些凡事都想偷懒的懒癌患者使用的。
[img]
直观展现,多多益善,一键直达,追求最极致的用户体验,就是favinavi的特色。心动了没有?马上注册favinavi开始享受吧!
还没决定?那么就先登录demo演示账户感受一下吧。

by: fanshome  visibility 1728
2023-06-23 01:51 (UTC)