UWInfo Blog

搜尋

搜尋意見

文章分類-#Author#

[所有文章分類]

最新回應

IIS 配合 AD (Active Directory) 認証, 使用 .Net 6.0
太感謝你了~~~你救了我被windows 認證卡了好幾天QQ...more
PostgreSQL 的 monitor trigger
FOR EACH ROW 可能要改為 FOR EACH STATEMENT ...more
[錯誤訊息] 請加入 ScriptResourceMapping 命名的 jquery (區分大小寫)
efefef...more
用 Javascript 跨網頁讀取 cookie (Cookie cross page, path of cookie)
;;;;...more
匯出 let's encryption的憑証
1. win-acme 選擇 A: Manage renewals找到你要轉移的憑證名稱和密碼2. ...more
dotnet ef dbcontext scaffold
更新到最新版的 dotnet-ef tooldotnet tool update --global ...more
dotnet ef dbcontext scaffold
還需要這個:Microsoft.EntityFrameworkCore.Design...more
dotnet ef dbcontext scaffold
指定版本:dotnet add package Microsoft.EntityFrameworkC...more
資安問題 -- 存入 DB 後顯示內容
伺服器隱碼問題1 寫入DB前不是當成字串就執行某些事情 (某些server 漏洞? 許功蓋?)2 寫...more
匯出 let's encryption的憑証
【注意】要打開 win-acme <<這個軟體匯出憑證...more

標籤

搜尋 FireFox 結果：

合約應備註事項

注意事項 (為避免產出結果和預期有重大差異, 請詳讀以下內容):

1. 若後台有使用 HTML 編輯器, 以 CKEditor 現有功能為準. 編輯器所見內容和前台實際內容可能有差異, 此為無法避免之情況, 請僅慎使用, 建議以文字模式編輯, 以避免跑版.
2. 驗收以 Chrome, IE, Safari, Firefox 結案時間的最新兩個版本為準(IE 目前為 IE Edge 及 IE 11). 手機以前 10 大廠牌兩年內出版的手機為準.
3. Android 手機僅測試 Chrome, IOS 手機僅測試 Safari. 其它手機預設瀏覽器或 APP 內建流覽器不包括在驗收範圍之內.
4. 若需要文件, 除報價有說明外, 應另外計費, 若合約中包括程式檔案說明, 僅限我方建立之程式檔案, 引用之公開套件不另做文件說明.
5. 若客戶要求資安弱點掃瞄, 或通過特別認証, 應另外計費.
6. 本公司盡力維護程式品質, 但無法保証無 Bug, 上線前請完整測試. 若上線後才發現之 Bug, 本公司僅負責修復, 無法提供額外賠償.
7. 主機代管限制
圖檔以經 Cloudfalre 為準. 若需更高品質可代為申請 amazon 的 CDN 服務.
Email 不保証送達, 若需更高品質可代為申請 amazon 的 SES 服務.
每月 1000 張訂單為限, 超過後要另外計算費用.
8. 網站代管, 資料備份以一天一次為準, 如需增加頻率, 另外協議後計價.
9. 搜尋建議使用 Google 的 site search(但偶爾會有廣告, 出現機率很小), 若要自行客製, 合約未明確規定時, 以各單元分開搜尋為準, 例如產品及新聞的搜尋結果會分成兩個搜尋結果頁面, 排序為依等定欄位排序, 比對方式為所輸入的文字明確比對.

More...

Bike, 2018/6/20 下午 07:49:31

jQuery 之 event.originalEvent

有時候用 jQuery 使用 event 物件時，會發現有些特殊事件的 property 抓不到 (undefined)
例如
mousewheel --> event.wheelDelta
drop --> event.dataTransfer
touchstart --> event.touches[0].pageX
原因是 jQuery 的 event 只會包裝一般的屬性，特別的屬性要使用 event.originalEvent 去抓
event.originalEvent 是瀏覽器原生的 event

It's also important to note that the event object contains a property called originalEvent, which is the event object that the browser itself created. jQuery wraps this native event object with some useful methods and properties, but in some instances, you'll need to access the original event via event.originalEvent for instance. This is especially useful for touch events on mobile devices and tablets.

所以開發時當有些特殊屬性抓不到時，可以考慮用 event.originalEvent 去抓看看

    // 這是用滾輪放大縮小圖片 (此範例firefox不支援)

    $("#imgProductBig").bind("mousewheel", function (ev) {

        var delta = ev.originalEvent.wheelDelta > 0 ? 1 : -1;

        if (delta > 0 && zoomValue < 150) {

            zoomValue += 10;

        }

        else if (delta < 0 && zoomValue > 50) {

            zoomValue -= 10;

        }

        $(this).css("zoom", zoomValue + '%');

        return false;

    });

More...

darren, 2015/4/21 下午 12:03:35

css3 calc() 功能介紹

calc()是CSS3的一個計算長度單位的新功能，能使用數學四則運算方式。

1. 使用“+”“-”“*”“/”四則運算；

2. 可以使用百分比、px、em、rem等單位；

3. 可以混合使用各種單位進行計算。

例：
.thing {
width: 90%; /* fallback if needed */
width: calc(100% - 10px);
width: calc((100% - 12px) / 2);
width: calc(100%/3 - 2*1em - 2*1px);
}

4. 使用時，"+" & "-" 兩邊需加空格(一定要加)， "*" & "/"兩邊是不用加空格(要加也是可以)

5. 瀏覽器的支援：IE9+ , Firefox4.0+ , Chrome , Safari , iOS Safari6.0+ , Android Browser 4.4+
寫法： width: -moz-calc((100% - 12px) / 2);
width: -webkit-calc((100% - 12px) / 2);
width: calc((100% - 12px) / 2);

More...

nelson, 2014/7/8 上午 10:23:38

onkeypress 和 keyCode 在 Firefox 的問題

在 firefox 抓不到 window.event，所以要用以下的 function 來處理 keyCode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title> new document </title>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <script language="javascript">
  function myKeyPress(evt){
    evt = (evt) ? evt : ((window.event) ? window.event : "") //兼容IE和Firefox获得keyBoardEvent对象
    var key = evt.keyCode?evt.keyCode:evt.which; //兼容IE和Firefox获得keyBoardEvent对象的键值
    if(evt.ctrlKey && (key == 13 || key == 10)){
      alert("send");//同时按下了Ctrl和回车键

    }
  }
</script>
</head>

<body onkeypress="myKeyPress(event)">
</body>
</html>

參考: http://www.felix021.com/blog/read.php?1171

More...

Bike, 2013/12/6 下午 02:13:09

整理一下最近 IE9 (或以下) 的問題，順便補一個 Firefox 的問題

IE一直到 IE10 才比較支援一般正常瀏覽器的功能
IE9 以下常常要做一些特別的處理稍微整理一下

1. input, textarea 的 "placeholder" 屬性，IE10 以上才支援，建議偵測 IE9 以下版本時，特別跑 js 用 onfocus, onblur 來處理



    function setPlaceholder(e) {

        var placeholder = $(this).attr('placeholder');

        if ($(this).val().length == 0) {

            $(this).css("color", "#b2b2b2").val(placeholder);

        }



        $(this).focus(function (e) {

            if ($(this).val() == placeholder) { $(this).css("color", "#666").val(""); }

        });



        $(this).blur(function (e) {

            if ($(this).val().length == 0) { $(this).css("color", "#b2b2b2").val(placeholder); }

        });

    }



    if (Is_LTE_IE9) {

        $('input[placeholder]').each(setPlaceholder);

        $('textarea[placeholder]').each(setPlaceholder);

    }

2. <input type=file /> 不能用 js 去 click，必須要user真的去點他, js 才抓得到檔案，不然傳到server也是空的

3. IE9 的 js console.log 必須在 "偵錯模式" 下才能使用，所以js程式完成後，要記得把 console.log 清掉或是註解掉
不然一般 IE9 的 User 會跳出 js 的錯誤，然後 js 就停了。(這個問題必須在純IE9的瀏覽器才能發現，IE10模擬IE9也發現不到)

4. Firefox 問題: 當我們要算div的寬高時，他本身必須 display:block 才能算的出來，不然會是 0，
但是 Firefox 連隱藏iframe 裡的 html > div 都會回傳 0，必須把 iframe 設為 display:block;visibility:hidden
才能算出裡面div的寬高

More...

darren, 2013/11/15 上午 10:13:29

css hack 整理



<style type="text/css">

#test

    {

        width:300px;

        height:300px;

        

        background-color:blue;     /*全部, firefox*/

        background-color:red\9;     /*all ie*/

        background-color:yellow\0;    /*ie8*/

        +background-color:pink;        /*ie7*/

        _background-color:orange;     /*ie6*/

    }

    :root #test { background-color:purple\9; } /*ie9*/

    @media all and (min-width:0px){ #test {background-color:black\0;} } /*opera*/

    @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} } /*chrome and safari*/

</style>

由上到下的順序，目前看起來愈通用的應該放上面。
然後下面寫下特殊瀏覽器+版本的項目。

More...

Jerry, 2013/1/17 下午 03:46:26

各瀏覽器中cookie個數和大小限制

一、瀏覽器允許每個域名所包含的cookie數
Microsoft指出InternetExplorer8增加cookie限制為每個域名50個，但IE7似乎也允許每個域名50個cookie。
Firefox每個域名cookie限制為50個。
Opera每個域名cookie限制為30個。
Safari/WebKit似乎沒有cookie限制。但是如果cookie很多，則會使header大小超過服務器的處理的限制，會導致錯誤發生。

二、當很多的cookie被設置，瀏覽器如何處理
除了Safari (可以設置全部cookie，不管數量多少)，有兩個方法：
最少最近使用（leastrecentlyused(LRU)）的方法：當cookie已達到限額，自動踢除最老的cookie，以使給最新的cookie一些空間。 InternetExplorer和Opera使用此方法。
Firefox很獨特：雖然最後的設置的cookie始終保留，但似乎隨機決定哪些cookie被保留。似乎沒有任何計劃（建議：在Firefox中不要超過cookie限制）。

三、不同瀏覽器的cookie總大小也不同
Firefox和Safari允許cookie多達4097個字節，包括名（name）、值（value）和等號。
Opera允許cookie多達4096個字節，包括：名（name）、值（value）和等號。
InternetExplorer允許cookie多達4095個字節，包括：名（name）、值（value）和等號。
註：多字節字符計算為兩個字節。在所有瀏覽器中，任何cookie大小超過限制都被忽略，且永遠不會被設置。

某網站的實測結果 http://www.ruslog.com/tools/cookies.html

Browser	Max Cookies	Max Size Per Cookie	Max Size Per Domain¹	Usage²
Chrome 4
Chrome 5	70	4096 bytes	NA
Chrome 6	70	4096 bytes	NA
Chrome 7	70	4096 bytes	NA
Chrome 8	180	4096 bytes	NA	0.6%
Chrome 9				7.7%
Chrome 10	180	4096 bytes	NA	14.8%
Chrome 11				0.8%
Chrome 12				0.1%
FireFox 2	50	4097 characters	NA
FireFox 3	50	4097 characters	NA	36.7%
FireFox 4	50	4098 characters	NA	5.2%
IE 6	50	4096 characters	4096 characters	3.0%
IE 7	50	4095 characters	4095 characters	5.4%
IE 8	50	5117 characters	10234 characters	16.3%
IE 9				1.1%
Opera 8	30	4096 bytes	4096 bytes
Opera 9	30	4096 bytes	4096 bytes
Opera 10				0.2%
Opera 11	60	4096 bytes	4096 bytes	1.9%
Safari 3				0.1%
Safari 4				0.3%
Safari 5	600	4096 bytes	4096 bytes	3.6%
Safari on mac³	?	?	?

但是都找不到 IE9 的限制..

More...

Bike, 2012/7/11 下午 12:21:42

Firefox 抓滑鼠在HTML Element上的位置

Firefox 沒有 offsetX 和 offsetY，解決方法是從父層把left 和top做累加。

    function getOffset(e) {
        /*e: Mousemove Event*/
        if (e.target.offsetLeft == undefined) {
            /*firefox only*/
            e.target = target.parentNode;
        }
        var tarPos = getTarPos(e.target);
        var tarMousePos = { x: window.pageXOffset + e.clientX, y: window.pageYOffset + e.clientY     };
        var offset = { offsetX: tarMousePos.x - tarPos.x, offsetY: tarMousePos.y - tarPos.y };
        return offset;
    }
    function getTarPos(el) {
        var page = { x: 0, y: 0 };
        while (el) {
            page.x += el.offsetLeft;
            page.y += el.offsetTop;
            el = el.offsetParent;
        }
        return page;
    }

More...

瞇瞇, 2012/5/31 下午 12:59:46

innerText and textContent

javascript 雖然比較常用 innerHTML, 但偶爾會用到innerText,
可惜 innerText 遇到 FireFox 就不能用了, 因為 FireFox 要用 textContent
而IE卻不能用 textContent, 其他瀏覽器倒是兩種都可用

建議用 jQuery 的 text() 功能，就比較不會有問題

More...

darren, 2012/5/17 上午 11:27:27

FireFox表單無法送出

1.檢查 form 是否設定 Id 及 name

2.加上<input type="submit" style="display:none"/>

More...

Reiko, 2012/4/12 下午 12:14:08