目前分類:HTML/CSS/JavaScript (27)

瀏覽方式: 標題列表 簡短摘要

遇到一個狀況:有一支靜態的 JSON 檔,假設是 test.json 好了,我們把它放在共用目錄,分別可以經由以下路徑取用:

  • 主機一:http://192.168.1.1/test.json(此 server 為 Windows 主機)
  • 主機二:http://192.168.1.2/test.json(此 server 為 Linux 主機)

兩台主機都是跑 Apache 2.4,不確定到底是哪條設定,會造成在不特定的時間裡,test.json 會被加入一大串亂碼。

從 VIM 看,亂碼的內容是 ^@,透過 Google 的自動提示查了 "^@ character in vi",據說這個文字是 \x00。

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

公司辦了一個活動,吸引了大批網友來留言,因為合作廠商說只能幫忙分析 (parse) 公開留言,所以得手動把 facebook 誤判為廣告 (spam) 而隱藏的留言 (comments) 打開。

想要人工檢閱,但是點一次只展開其中的 50 筆,所以上網 Google "facebook expand all comments",找到這篇:"Expand All Facebook Comments"

 

文章標籤

fannys23 發表在 痞客邦 留言(5) 人氣()

Google 自訂搜尋 (CSE)可以取得一段像這樣的 JavaScript 程式碼,讓自己的網站能有站內搜尋功能。

<script>
    (function() {
文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

要做個問卷投票,想把問卷的選項設成圖片,沒料到 SharePoint 2007 的問卷題項竟然不能設成圖片,只能選設文字啊什麼有的沒的。上網 Google 一下找到一些辦法。

 

1. 首先,先讓 SharePoint 的問卷頁面 (survey) 變成可以編輯網頁組件 (web part) 的狀態。

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

前陣子去聽課,學 Google Analytics 怎麼用,當下還可以在 Google Analytics 裡找到先前設定連結的 Google Adsense,可是隔幾天就找不到 Adsense 報表跑去哪裡了。

參考 Google 官方文件的《我的 Analytics (分析) 中缺少 AdSense 資料》, 設定了老半天還是沒辦法從 Google Analytics 左上角的搜尋框找到 Adsense。

為什麼忽然會看不到 Google Adsense 報表呢?上網查到 "Google adsense disappeared from Google Analytics",發現只是 "Adsense" 名字改成「發佈商」,以後可以從「行為 > 發佈商 > 發佈商網頁」繼續查到每個網頁的期間營收情況。

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

寫好了一支程式,在 Chrome 和 Firefox 都沒問題,但在 IE 裡參數會變成特殊符號。正常情況應該像是這樣:

http://127.0.0.1/index.php?t=1&sect=2

但在 IE 裡變成:

http://127.0.0.1/index.php?t=1§=2

以至於後端程式無法正確拿到 t 的值、也沒辦法拿到 sect 這個參數。上網查了一下發現 "&sect;" 是 "§" 這個 HTML entity 符號,找了一下 URL 參數與 HTML entity 之間的問題,發現 "URL Query Parameters and HTML Entities: The Case of the Missing Semicolon" 這篇也有一樣的情況,裡面舉的例子是 &copy; (©) 和 &quot; ("),但它雖然說把串接參數的值從 "&" 改成 "&amp;" 就沒事了:

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

之前為了想練習寫 Google Map 小程式(請見[JavaScript] Google Map API的標記叢集(marker clusterer)使用心得 ),抓了新北市政府的 open data,裡面用 TWD97 記錄座標,但 Google Map 只吃 WGS84,在網路上搜尋一下公式,裡面有很多符號看不懂。 Orz

求教了唸地理系出身的表姐,她幫我找了一篇使用 PHP 轉換 TWD97 到 WGS84 的文章:
Vexed 的《TWD97 座標轉經緯度》(PHP) 

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

目前的工作環境可以這樣切換正式主機與測試機:

  • 正式機:http://domanname/index.php
  • 測試機一號:http://localhost/index.php
  • 測試機二號:http://0.0.0.0/index.php    // 0.0.0.0 是機器的 IP

因為覺得每次都要手動改網址好麻煩,得把 domain name 選起來、改輸入 localhost,好浪費人生。

所以模仿[Misc.] 在 Firefox 書籤列加上 Delicious 按鈕 ,在 Google Chrome 上面加顆切換測試主機的按鈕。

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

下午接到 user 電話,告訴我他在他的電腦上,無法看到他上傳到 SharePoint 網站的圖檔。過去現場看了一下,的確在別人電腦上可以正常顯示的圖片,在他瀏覽器上只是一顆正方形的叉燒包。

該圖有 3.5MB,我在我電腦上使用 IE9 看正常、借用同事的 IE11 看也正常,我和同事兩人把瀏覽器模式切換為舊版,觀看也正常。

於是我瞎猜了一下,心想應該是檔案太大?用 Microsoft Office Picture Manager 把圖檔縮小一半以後,再到 user 的電腦上試看看,發現就可以正常瀏覽了。

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

今天接到一通客服電話,對方問我為什麼網站上部分網頁在列印時會印出 HTML。我仔細看了一下,那些頁面裡只要有設定超連結 <a href="/something">,就會把 href 屬性的值加上括號,顯示在連結文字之後。比方說:

<a href="http://www.google.com">Google</a>

在列印或預覽列印時會顯示:

Google (http://www.google.com)

因為用了 Chrome 39, IE 10, Firefox 34 看都有這狀況,本來以為是新版瀏覽器都有這個功能,但是嘗試預覽列印 Google 的搜尋結果,就沒這問題,好納悶。

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

今天發生一個很奇怪又很簡單的 bug。在 IE 9 瀏覽某個網頁,JavaScript 執行到特定段落後就不再執行。但是該頁面是抄另一個頁面改寫的,原始的網頁運作正常,不會因為 IE 版本不同而發生任何錯誤。

奇怪的是,按下 F12 開發者工具,切到「網路」頁籤,想看看 JSON & JavaScript 下載有沒有異常,頁面就好了。

找了半天的 bug 以後發現,沒有運作的那一段 JavaScript 之前有一行 console.log("print something")。刪掉就好了。 Orz

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

最近開始用 Bootstrap,這是近年非常流行的排版 framework。其中的圖示元件 (Glyphicons) 使用了網路字型、SVG 等多種方式來呈現小圖示,只要修改 css class 就可以得到不同大小、圖案的按鈕,做按鈕不求人,超方便。

可是我才剛開始用就遇到很幼幼班的問題:為什麼在 IE8/IE9 沒辦法顯示圖示內容?我在 Firefox & Chrome 看都很正常啊。

 

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

最近寫了一個用到 Google Map API 的標記叢集 (marker cluster) 的頁面,還沒時間記錄 marker cluster 怎麼用,user 就打來說地圖顯示得怪怪的。看了一下,在 IE8 裡某些落在標記群組之外的單一地圖標記 (marker) 根本不顯示,本來以為是 marker cluster 造成的,但把 marker cluster 註解掉以後,反而發現所有標記都沒產生!

所以就拿「google map api marker ie8」當關鍵字(為了偷懶只查正體中文的XD),一眼就看到第三組搜尋結果《Google Map 的 Marker 在 IE7 + IE8 破圖的解法》是支上上籤,設定地圖標記 (marker) 時該多帶個 optimized 參數:

var marker = new google.maps.Marker({
文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

某天寫了一段 jQuery,透過 .ajax() 取回資料,在 firefox 相當正常地運作著,但在 IE 裡卻掛掉了。
先後改成 .post()、.get(),都一樣拿不到資料。

Google 了一下,看到 IThome 討論區有一篇類似情況的文:

文章標籤

fannys23 發表在 痞客邦 留言(1) 人氣()

使用者來電,告知網頁中某一張圖檔無法開啟。我在 IE9 下瀏覽正常。
第一個考慮到的因素是中文檔名,但其他圖片也是中文檔名都能正常瀏覽。
第二個想到的原因是 IE 版本,

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

幫忙調整了一個頁面,在裡頭加上 facebook 的「讚」按鈕 (like button),一開始測試看起來正常,所有「讚」的按鈕都有出現,就交差出門了。回家後收到訊息:「那些按讚的按鈕怪怪的耶,按下去後會跳出幾十萬個『讚』,但是重新整理後卻一個讚也沒有?」

詳細追究了一下,嘗試了幾個可能:

  1. 先到 facebook debugger 看看是不是少了什麼。
文章標籤

fannys23 發表在 痞客邦 留言(5) 人氣()

參考 Tsung 前輩的《使用 YUI Compressor 壓縮 CSS / JavaScript》來壓縮 CSS & JavaScript。不過在 Windows 裡開每次要動手打 commad 都覺得好懶,所以在 YUI 官網下載了 YUI Compressor、解開壓縮檔以後,就在 YUI Compressor 的目錄裡加了這個批次檔。 

echo off
set /p VarPath=請輸入檔案目錄:
文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

IE 真是一種神妙的東西。今天第一次改 SharePoint 網站的內容,發現先前嵌進去的影片物件竟然會擋住系統選單。我的影片是放在一支 HTML 裡,再透過 SharePoint 以 iframe 方式嵌入,但是遍尋不著要怎麼修改 SharePoint 自動產生的 iframe 屬性,所以無法從 iframe 的 z-index 下手。

原本天真以為按照之前的經驗改改 HTML 就可以了事了,不過之前的屬性只能用在 Silverlight 和 Flash,對 wmv 無效。Orz

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

最近有一段程式寫好了,但在 IE tester 測試 IE6 時,不停跳出 "Unspecified error"(無法指出的錯誤)的錯誤訊息。由於 IE tester 提供的錯誤訊息很陽春,指出的行號和檔名搭不上,花了好些時間才找出錯誤。

(錯誤是發生在 xxx.js,但是在錯誤訊息視窗顯示為 ooo.php)

文章標籤

fannys23 發表在 痞客邦 留言(0) 人氣()

為了要在頁面上增加一個按鈕,讓使用者能夠複製網頁部分內容,因此參考黑暗執行緒《在Firefox中透過Javascript存取剪貼簿》,建立了copyToClipboard()這個函式。不過因為這篇文是 2009 年發表的,我發現在 IE8 以上版本執行起來會有問題:當使用者選擇「您是否要允許這網頁存取[剪貼簿]?」,使用者選了「不允許」,竟然還是會返回已複製成功的訊息。(若想模擬使用者的環境、把你的 IE 也設定成不允許程式存取剪貼簿,可參考《解決IE8不再詢問「您是否要允許這網頁存取剪貼簿?」》

此外,現在 Chrome 的使用者聲勢浩大、但無法透過 JavaScript 存取剪貼簿,也得一併考慮進去。

文章標籤

fannys23 發表在 痞客邦 留言(1) 人氣()

1 2