No Access-Control-Allow-Origin 问题解决

No Access-Control-Allow-Origin 问题解决

Font from origin 'http://www.ingressplus.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://ingressplus.com' is therefore not allowed access.

 

最近将一个网站迁移到新的VPS,数据库,文件备份后部署遇到了许多奇奇怪怪的问题,但大多都是环境配置问题,由于要在主机部署多个网站,这里用到了VirtualHost.

    DocumentRoot /var/www/html/chyrp
    ServerName www.ingressplus.com
    ServerAlias *.ingressplus.com
    ErrorLog logs/error_log
    CustomLog logs/access_log common

protocolo-http
1.解决403问题后,网站主页可以打开,但所有链接(站内)都404,网站配置问题,使用chyrp重新安装,当然数据库表数据不要删除,文件不要删除,只要在/includes/目录下新生成config.yaml.php 配置文件,是数据库和基本的配置。更改.htaccess 文件:

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^.+$ index.php [L]
RewriteCond %{HTTP_HOST} !^www.siteX.com [NC]
RewriteRule ^(.*)$ http://www.siteX.com/$1 [L,R=301]

2.网站中特殊字体(social-font)使用带www域名访问正常加载,但使用不带www的域名访问则不加载,通过Chrome调试,看到报错信息:Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header... 反复查资料更改,通常在使用CDN会出现这种访问权限问题,带www的url和不带www对同一个css同路径文件权限不一样的..在.htaccess 文件添加内容:
<ifmodule mod_headers.c>
<filesmatch “\.(ttf|ttc|otf|eot|woff|font.css|css)$”>
Header set Access-Control-Allow-Origin “*”
</filesmatch>
</ifmodule>
结果无效....将这些内容粘贴到/etc/httpd/conf/httpd.conf 中,重新加载apache.成功解决问题...

解决Mac耳机插孔无声音等问题

解决Mac耳机插孔无声音等问题

今天看到不少人遇到macbook耳机没有声音的问题,有某些人回复“灰太多,堵上插孔,用酒精擦..”这样的回答确有些可笑,排除硬件坏的原因,这里先给出正解:
Step 1. 进入系统偏好设置(System Preferences);
Step 2.进入“声音”(Sound);
Step 3.检查该声音选项卡中“输出”(Output),插上耳机,看是不是没有自动切换到耳机口(handphone port),如果没有就手动选中,是不是OK了。
handphone分析一下原因:是不是之前装过Airplay类的软件,比如AirParrot,卸载不彻底,可以参照这里彻底卸载:

sudo rm -rf /Library/Extensions/APExtFramebuffer.kext
sudo rm -rf /Library/Extensions/AirParrotDriver.kext

另外老生常谈问题:mac或者iphone充不了电了,是因为天太冷了..这个问题在N年前在家里,由于太冷,自己发现并解决这个问题:放进被窝。
联系人不支持国外联系人,文件处理,Nfc,高级应用..要向Google多学习下了..
这里就不吐再槽苹果,但是还是要简单吐槽一下某些狂(Nao)热(Can)果粉。用了apple的产品整个人逼格都高了吗?不想用“适合就是最好”这样的词

Ubuntu12.04 下DLNA/UPnP Server安装配置

Ubuntu12.04 下DLNA/UPnP Server安装配置

PC下配置DLNA很方便,使用家庭组和Window Media Player很容易实现媒体局域网内共享。前面文章有提过这些话题,包括Android客户端和Chrome以及小米盒子上的使用。

ubuntu-logo14

这里来记录下Ubuntu12.04 下的安装配置 minidlna。
1.安装服务端

# apt-get install minidlna

2.配置文件在/etc/ 目录下的minidlna.conf.其中主要配置ABC_DLNA

配置媒体目录,可以分行添加多个目录,同时也可指定媒体类型。

# set this to the directory you want scanned.
# * if have multiple directories, you can have multiple media_dir= lines
# * if you want to restrict a media_dir to a specific content type,you
# can prepend the type, followed by a comma, to the directory:
# + "A" for audio (eg. media_dir=A,/home/jmaggard/Music)
# + "V" for video (eg. media_dir=V,/home/jmaggard/Videos)
# + "P" for images (eg. media_dir=P,/home/jmaggard/Pictures)

media_dir=/media/MData/media
media_dir=/media/Times/Downloads
media_dir=/home/XXX/Videos

friendly_name=My DLNA Server

3.至此配置结束,重启服务或者重载

# service minidlna force-reload
# service minidlna restart

TIPS: 这里我挂载的媒体目录位于移动硬盘上,ubuntu默认无法修改移动存储设备的挂载权限,默认都是 700.这里需要手动重新挂载,才可以更改读写权限,使服务生效。
新建挂载点 /media/MData,挂载sdb3.

#mount /dev/sdb3 /media/MData -o nls=tf-8,umask=000,uid=1000,gid=1000

再推荐一款Android下的DLNA客户端APP:Slick UPnP前往Google Play下载).

Bugzilla和Mantis安装部署

Bugzilla和Mantis安装部署

Bugzilla 部署步骤有的小麻烦,但Mantis部署很简单,下载包,数据库设置按部就班就可以了。

这里记录一些安装中的问题:

mantis1.Mantis 配置文件config_inc.php,需要修改的内容:
数据库配置:
$g_hostname = 'localhost';
$g_db_type = 'mysql';
$g_database_name = 'jaguardb';
$g_db_username = 'dbusr';
$g_db_password = 'xxxxxxx';

配置时区:
$g_default_timezone = 'Asia/Shanghai';
否则出现:SYSTEM WARNING: 'date_default_timezone_get(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function.

2.Bugzilla 安装配置

bugzilla

1.安装perl模块
检查依赖的CPAN包模块:sudo perl checksetup.pl,进行安装
sudo perl install-module.pl  --all
报错: install_driver(mysql) failed: Attempt to reload DBD/mysql.pm aborted. Compilation failed in require at (eval 1231) line 3, <DATA> line 577.

sudo ln -s /usr/local/mysql/lib/libmysqlclient.18.dylib  /usr/lib/libmysqlclient.18.dylib

2.配置localconfig配置文件
$db_driver = 'mysql';
$db_host = 'localhost';
$db_name = 'bugszilla';
$db_user = 'dbusr';
$db_pass = 'acbxxxxxxx';
3.配置Apache文件/etc/apache2/httpd.conf

<Directory "/Library/WebServer/Documents/bugzilla">
Options ExecCGI FollowSymLinks
AddHandler cgi-script .cgi
DirectoryIndex index.html index.html.var index.cgi
order deny,allow
Allow from all
</Directory>

vGet Cast:通过Chrome/DLNA在小米盒子/智能电视直接播放视频

vGet Cast:通过Chrome/DLNA在小米盒子/智能电视直接播放视频

PC/平板通过DLNA直接在其他平板,手机,智能电视,小米盒子等设备直接浏览图片,播放音乐,视频这种方式不稀罕,以win 7为例,需要的仅仅是系统自带的windows media player,菜单上的媒体流选项->打开媒体流,将视频等媒体文件目录加入媒体库即可,详细操作步骤我之前文章有描述,可以转到这里:Android设备上DLNA直接播放电脑中视频https://www.gigiwangs.com/archives/1214

   背景:这里有一个8G的视频,想在电视上用小米盒子观看……
   问题:使用OTG?8G拷贝-太慢,还需要8G+的U盘或者移动硬盘……Windows Media自带的DLNA,mkv格式视频貌似不可以……(否定)

这里推荐一款更加给力的Chrome 插件:vGet Cast (DLNA Controller) 点击这里前往chrome商店查看安装,可以离线使用,浏览到视频直接选择DLNA小米盒子上播放。
官方介绍是这样的:
播放网络视频或本地视频上的DLNA渲染器(智能电视,XBOX等)
Plays web videos, local videos or videos stored on Google Drive on a DLNA/UPnP renderer (Smart TV, XBox etc.) in your local network.
Designed to work with the vGet Extension (https://chrome.google.com/webstore/detail/vget-video-downloader-dln/hniladkejehjfchadikcbjmgjaogciic).

在chrome浏览器APP Launcher中启动:
app_chrome
启动vGet Cast:可以直接播放本地视频,使用浏览或直接将视频文件拖动进来,选择播放的设置,我这里选择“小米盒子:GG-MIBOX"。
也可以浏览网络上视频。
vget_cast可以在Chrome上控制播放,暂停视频播放:
play_dlna_mibox_vget
尽情享用吧:这不是甘道夫吗?
hobbit2

网页弹出广告,难道又被黑了--问题排查

网页弹出广告,难道又被黑了--问题排查

最讨厌网页上的弹出广告神马的,可今天打开我的网站居然右下角弹出一个大大的弹窗广告!

tanchuang
尼玛!DNS被劫持了?这是公司网络,DNS服务器我使用的是GoogleDNS,打开其它网页,正常!换firefox,IE正常,
唯独我的网站www.gigiwangs.com有弹窗,该不是又被黑了吧!为什么“又”呢?
着手排查吧:
1.检查一下首页代码,发现多了一个弹出flash广告代码。

code_1
2.登录网站后台,没有异常登录信息,关键文件最近没有被更改。
3.考虑这个代码,远端的js代码。检查index.php,head.php,footer.php都正常。
4.初步排除被黑。
5.肯定是那个插件搞鬼了,会是哪一个呢?最近没有更新或安装新的插件。
6.分析一下代码详情,发现***tianqi.php**;

code_cc
7.一下子联想到网页添加了天气预报,来自中国天气网的天气widget代码;以文本方式添加在网页的右边栏,用来显示实时天气预报,
登录中国天气,果然发现使用插件是被添加广告的^

8.至此,问题算是找到了,使用前没有仔细阅读协议,果断换用其它的服务……

一款很棒的新浪微博客户端-Weekr微刻

一款很棒的新浪微博客户端-Weekr微刻

Weekr, 为微博设计,为 Android 设计。
我不会说Weekr有多么多么棒,多么多么优秀……
尽管本来就很不错。
我是想说:
Weekr是很有诚意的 一款应用,很不错的Android Design--在中国!
中国的移动APP开发者,尊重用户,也尊重一下自己!
如果你所入眼的只有iOS,你只用国内的搜索引擎浏览国内的网页...
那最好不要来做android开发。Android 网站已经解封?

[以下内容引自:http://weekr.me]

这里需要黑一下weekr,使用中是否消耗大量大量数据流量,每次20M左右?待确认!

一起看一些这款应用的官方介绍:http://weekr.me/

Google Play:https://play.google.com/store/apps/details?id=com.weekr.me

androiddesign

Android Design:遵循Android设计规范和特性

厌倦了官方客户端照搬iPhone的设计了吗?Weekr完全为Android而生,遵循Android 4.0规范,充分利用每一特性,如通知栏操作、DashWidget、链接直接跳转应用等等,物尽其用。

滑即可现:常用操作更方便快速

在首页即可以通过向右滑动即可实现我的主页、互动(评论、@我的、私信)和个人主页的展现。

在下方的位置有发送微博的入口,无论写微博、发照片还是签到,一点即可达到您想要的操作。

weekr

触手可得:侧边拦设计

将不常用的功能入口归入侧边栏之中,无需时不干扰视觉,需要时随手可得,让一切尽在掌握。

发送方式:会是什么呢?

大屏幕的手机越来越多也越来越大,怎么更好的单手操作显的很重要。Weekr创新性的设计了一种方式,真的是非常顺畅。

知晴雨,暖你心

weather

早晨当你刷新第一条微博,将告知你今天的天气情况,体贴入心

通知栏操作:是通知也是操作

Weekr在遵循 Android设计规范的同时,针对 Android 4.1以及以上的系统支持通知栏直接显示评论和@的内容,连图片也直接为你呈现,让你的 Android物尽其用。

支付宝钱包(Android版)-又一个非专业的专业NFC工具APP

支付宝钱包(Android版)-又一个非专业的专业NFC工具APP

之前文章推荐过两款比较不错的NFC软件(ANDROID平台),能够支持读取交通卡,银行卡(银联quickpass卡)等一些符合PBOC IC 标准的卡片的余额及交易信息。可以在这里找到官方网站以及Goolge Play的下载地址。

[每日推荐Recommend Daily]两款NFC好软件云飞NFC和NFCard

今天看到支付宝钱包有了更新版本,已对NFC添加了支持功能。PS:由于只在Google Play下载和更新APP,可能和alipay官网数据有偏差。因此不能保证其信息的时效和有效性。
支付宝钱包的Google Play 地址:https://play.google.com/store/apps/details?id=com.eg.android.AlipayGphone
其中
也描述“根据googleplay市场要求,内不包含彩票功能”及其它的一些更新。但没有提到支持NFC,但经测试,确实已经支持银联IC卡Quickpass闪付卡,已经公交卡的余额,交易信息的NFC读取。
如果你有支持NFC的手机/Pad,可以试试。
通过 测试的有招商银行IC借记卡,以及上海交通卡(紫色),其它没有测试。
nfc_alipay_wallet

 

来再对你的网站做一些优化吧

来再对你的网站做一些优化吧

我不是做前端的,所以对于Web设计和优化我只是通过搜索学习一点点,根据一些经验片面的记录一下我自己网站的一些优化工作,这里也分享一下。鄙视一下那些用脚趾头写代码的XX公司网页,永远使用IE6+XP老古董的古董...
我的网站使用了Wordpress+terrifico主题,之所以选用这款主题,是因为他使用了自适应的设计方式..其实不全是,需要修改一定的代码.下面将我做的工作大体描述一下,主要包括.htaccess文件优化方面,自适应网页方面。
Web_optimisation
通过Google的网页分析工具pagespeed insights,发现一些我的wordpress 网站问题:
1.图片等文件没有设置过期时间;
2.部分图片没有使用进一步的压缩;
3.首页一些非必须的css加载(移动版+PC版,进行自适应网页设计)

开工,处理!
首先,通过.htaccess设置图片的过期时间,利用浏览器缓存,节约了网站加载耗时。

......
ExpiresActive On
# RSS feed
ExpiresByType application/rss+xml "access plus 1 hour"
# Favicon (cannot be renamed)
ExpiresByType image/x-icon "access plus 1 week"
# Media: images, video, audio
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"

接下来,压缩图片吧,使用Wordpress的插件 Bulk WP Smush.it,安装后启用可以自动压缩图片。却为一款优化图片的利器。
还有,该有自适应网页设计方式,更改原有的使用插件加载移动网页的方式,之前选用了WPtouch pro插件,这款插件确实在移动设备上表现不错,可在性能上只能做出取舍了,选用自适应网页设计。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">

这是少不了的第一步;
其次不要使用绝对的宽度,在布局上使用float,相对的定义,百分比代之。
使用相对大小的字体,图片;
还有大量的优化要做,请继续搜索……

为你的日历导入中国农历Lunar Calendar

为你的日历导入中国农历Lunar Calendar

如果你选择自己的其它国产日历APP,或者你的日历只是为了查看,那么任何一款叫做“日历”的应用都不适合你,这篇文章也不例外...

眼看着一年结束了,移动设备上的Google 日历的农历又到尽头了。从2012年开始,Android等移动版的日历应用已经无法自动显示农历日历,尽管Web版的Google日历可以默认订阅和显示中国农历。当然,iOS(iPhone/iPad)和Mac上的日历应用一样。只能自己选择源来进行导入,同步...

anydo.cal    Google日历默认显示方式,WEB页面是由农历显示的。

google.cal

首先这里给出一个2014年的日历下载源:2014年农历日历Cal 文件下载 或者点击这里

下面是我分享出的一个订阅源:从2013年开始直到未来....请使用以下网址通过其他应用访问日历。可将其复制和粘贴到任何支持 iCal 格式的日历产品中:
带有农历月份显示的,适合在手机/平板(Android/iOS)中查看:
 点击这里------[ iCal格式]>>>> 

 点击这里------[XML格式]>>>>

如果需要使用ics文件导入自己的日历中,可以新新建一个日历命名为 Lunar Calendar:importcal

导入完毕后接可以选择显示或者共享该日历,并将其订阅在ios等其他日历中。

share.cal

订阅成功后在菜单中选择是否显示。

最后推荐这个amazing 日历应用,由Any.do推出,默认读取和同步Google日历。非常绚丽,首次安装进入你可能会有意外惊喜...
截图在最前面
Google play 地址:Cal: Google Calendar by Any.do 。

请前往了解更多...